body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{color:var(--text);margin:0;font-weight:500}p{margin:0}:root{--bg:#ece9ff;--surface:#fff;--surface-muted:#f5f3ff;--border:#d9dcf3;--border-strong:#a8b2d1;--text:#111827;--text-muted:#5b6b88;--primary:#2f5bff;--primary-dark:#1d3ecf;--primary-subtle:#eaf0ff;--danger:#e61c1c;--danger-bg:#9f131345;--focus:#9bb8ff;--radius:.9rem;--shadow:0 16px 40px #11182714;--nav-bg:#f5f7fbeb;--nav-btn-bg:#eaf0ff;--nav-btn-text:#1d3ecf}@media (prefers-color-scheme:dark){:root{--bg:#0f1117;--surface:#1a1d27;--surface-muted:#22263a;--border:#2e3350;--border-strong:#4a5280;--text:#e8eaf6;--text-muted:#c7c8dc;--primary:#5b7fff;--primary-dark:#93b4ff;--primary-subtle:#1e2d5a;--danger:#ff8080;--danger-bg:#4a2020;--focus:#3d5aff;--shadow:0 16px 40px #0006;--nav-bg:#161c2df2;--nav-btn-bg:#1e2d5a;--nav-btn-text:#93b4ff}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Open Sans,sans-serif;font-weight:400}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;height:60px;padding:0 32px;display:flex}.site-header a{color:inherit;text-decoration:none}.site-logo{color:var(--primary);letter-spacing:-.5px;font-size:20px}.site-footer{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:center;align-items:center;margin-top:auto;padding:16px;display:flex}.footer-github{color:var(--text-muted);transition:color .15s;display:flex}.footer-github:hover{color:var(--text)}.home-main{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.home-hero-img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.home-main:before{content:"";z-index:1;background:linear-gradient(#0000008c 0%,#00000059 100%);position:absolute;inset:0}.main-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:28px;padding:80px 24px;display:flex;position:relative}.main-content h1{letter-spacing:-1.5px;color:#fff;text-shadow:0 2px 12px #0006;font-size:56px}.main-content>p{color:#fffc;font-size:18px}.role-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.role-btn{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff59;padding:14px 36px;font-family:inherit;font-size:16px;font-weight:500;transition:border-color .15s,background .15s}.role-btn:hover{background:#ffffff38;border-color:#fffc}.notfound-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.notfound-code{color:var(--primary);font-size:96px;font-weight:700;line-height:1}.notfound-main h2{font-size:24px}.notfound-main p{color:var(--text-muted)}.notfound-main a{color:var(--primary);margin-top:8px;font-weight:500;text-decoration:none}.notfound-main a:hover{text-decoration:underline}.loading-main{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}