:root{color-scheme:dark;--bg:#031120;--panel:#0a1928;--surface-dark:#020e1b;--surface:#081522;--line:#1b2c3c;--text:#e4eaf0;--muted:#9aa9b8;--accent:#00c9ed;--accent-hover:#6ce7ff;--green:#4de2ba;--accent-foreground:#001422}*,:before,:after{box-sizing:border-box}html{background:var(--bg);min-height:100%;color:var(--text);scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.page-shell{min-height:100vh}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.site-header{background:var(--surface-dark);border:1px solid var(--line);border-radius:60px;justify-content:space-between;align-items:center;gap:24px;width:calc(100% - 96px);max-width:1400px;min-height:82px;margin:32px auto 0;padding:16px 32px;display:flex}.brand{letter-spacing:-1.4px;font-size:28px;font-weight:700}.brand span{color:var(--accent)}.site-nav{align-items:center;gap:32px;display:flex}.site-nav>a{color:var(--muted);letter-spacing:1.6px;text-transform:uppercase;font-size:13px;transition:color .2s,border-color .2s,background .2s}.site-nav>a:hover{color:var(--accent)}.site-nav .nav-register{color:var(--accent);border:1px solid var(--accent);border-radius:30px;padding:10px 20px}.site-nav .nav-register:hover{background:#082536}@media (width<=700px){.site-header{border-radius:25px;flex-wrap:wrap;width:calc(100% - 28px);margin-top:14px;padding:14px 20px}.brand{font-size:24px}.site-nav{gap:14px}.site-nav>a{letter-spacing:1px;font-size:10px}.site-nav .nav-register{padding:8px 12px}}.site-footer{background:var(--surface-dark);border-top:1px solid var(--line);align-items:center;gap:30px;margin-top:80px;padding:30px 5%;display:flex}.site-footer p,.site-footer span{color:var(--muted);margin:0;font-size:13px}.site-footer span{margin-left:auto}@media (width<=700px){.site-footer{flex-wrap:wrap;gap:5px 20px}.site-footer span{width:100%;margin-left:0}}.button{background:var(--accent);color:var(--accent-foreground);border:1px solid var(--accent);border-radius:40px;justify-content:center;align-items:center;padding:14px 24px;font-size:15px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.button:hover{background:var(--accent-hover)}.button-secondary{color:var(--accent);background:0 0}.button-secondary:hover{background:#082536}.home-hero{text-align:center;background:radial-gradient(at 70% 45%,#05304955,#0000 60%);flex-direction:column;align-items:center;min-height:680px;padding:120px 24px;display:flex}.eyebrow{color:var(--accent);letter-spacing:2.7px;margin:0 0 25px;font-size:12px;font-weight:600}.home-hero h2{letter-spacing:-3px;max-width:1000px;margin:0;font-size:clamp(36px,5vw,72px);font-weight:500;line-height:1.12}.home-hero h2 span{color:var(--accent);display:block}.home-intro{max-width:720px;color:var(--muted);margin:30px 0 36px;font-size:19px;line-height:1.8}.home-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}@media (width<=700px){.home-hero{min-height:560px;padding-top:80px}.home-hero h2{letter-spacing:-1.7px}.home-intro{font-size:16px}}.auth-navigation{align-items:center;gap:32px;display:flex}.auth-navigation[hidden]{display:none}.auth-navigation>a,.nav-logout{color:var(--muted);letter-spacing:1.6px;text-transform:uppercase;font-size:13px}.auth-navigation>a:hover,.nav-logout:hover{color:var(--accent)}.auth-navigation .nav-register{color:var(--accent);border:1px solid var(--accent);border-radius:30px;padding:10px 20px}.auth-navigation .nav-register:hover{background:#082536}.nav-logout{font:inherit;letter-spacing:1.6px;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.nav-logout:disabled{opacity:.6;cursor:default}@media (width<=700px){.auth-navigation{gap:14px}.auth-navigation>a,.nav-logout{letter-spacing:1px;font-size:10px}.auth-navigation .nav-register{padding:8px 12px}}
