/* The Fantasy Sport Site — authentication pages, visual styling only */
:root{color-scheme:light;--gold:#dfb34d;--gold-light:#f8e1a0;--ink:#171717;--muted:#5e636b;--line:#d9dce0}
*{box-sizing:border-box}html{min-height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(ellipse at top,#303030 0%,#151515 47%,#080808 100%);padding:36px 16px 60px}
body::before{content:"";display:block;position:fixed;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#7d5519,#f1d078,#b7892c);pointer-events:none}
.panel{width:100%;max-width:480px;margin:0 auto;padding:34px clamp(22px,5vw,38px) 30px;background:#fff;border:1px solid #ded6c2;border-top:5px solid var(--gold);border-radius:15px;box-shadow:0 22px 66px rgba(0,0,0,.46)}
.brand{text-align:center;border-bottom:1px solid #ece8dd;margin:0 0 25px;padding:0 0 23px}.brand img{display:block;width:160px;max-width:52%;height:auto;max-height:170px;object-fit:contain;margin:0 auto 12px}.brand-name{font-size:12px;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;font-weight:850;color:#795514}.brand-rule{display:block;width:48px;height:3px;background:var(--gold);margin:12px auto 0;border-radius:99px}
h1{font-size:clamp(25px,5vw,31px);letter-spacing:-.035em;line-height:1.2;margin:0 0 9px;font-weight:800}h2{font-size:20px;margin:0 0 12px}.subtitle,.panel>p:not(.error):not(.notice){color:var(--muted);line-height:1.6}.subtitle{margin:0 0 24px}
label{display:block;font-size:14px;font-weight:750;margin:17px 0 7px;color:#242424}
input:not([type=hidden]){display:block;width:100%;max-width:100%;padding:13px 14px;font-size:16px;border:1px solid #b7bec6;background:#fff;color:var(--ink);border-radius:8px;min-height:48px;box-shadow:none}
input:focus{outline:3px solid rgba(223,179,77,.32);border-color:#9c6b17}
button,.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;cursor:pointer;margin-top:23px;padding:13px 20px;text-align:center;background:linear-gradient(180deg,#f3d57e,#d7a63f);border:1px solid #b98924;border-radius:8px;color:#191200!important;font:750 15px/1.3 inherit;text-decoration:none;box-shadow:0 3px 0 rgba(102,69,15,.15)}
button{width:100%;font-family:inherit;font-size:16px;font-weight:800}button:hover,.button:hover{filter:brightness(.965)}button:focus-visible,.button:focus-visible,a:focus-visible{outline:3px solid #ba8c2f;outline-offset:3px}button:disabled{background:#ddd;color:#555!important;border-color:#aaa;cursor:not-allowed;box-shadow:none}
a{color:#77520c;font-weight:650;text-underline-offset:3px}a:hover{color:#3c2807}.footer{margin-top:24px;border-top:1px solid #eee;padding-top:20px;text-align:center;font-size:14px;color:var(--muted);line-height:1.7}.footer p{margin:7px 0}.panel>p:last-child{margin-bottom:0}
.notice,.error{display:block;line-height:1.55;border-radius:8px;padding:13px 15px;margin:16px 0}.notice{background:#f7f3e9;border-left:4px solid #bd902e;color:#423418}.notice.success{background:#edf8ef;border-left-color:#258042;color:#18522c}.error{background:#fff1f1;color:#8c1e21;border-left:4px solid #b83238}.success{color:#17652a}
.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.panel:has(.notice) .notice p{margin:9px 0}.panel .button{width:100%;margin-top:20px}.panel:has(.button){max-width:520px}
@media(max-width:480px){body{padding:20px 12px 40px}.panel{padding:26px 21px;border-radius:12px}.brand img{width:134px}.brand{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}