@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#070d18;--text:#eef8ff;--muted:#92a7bd;--accent:#7fe7fa;--violet:#a999ff;--font:'DM Sans','Arial',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:14px/1.4 var(--font);background:#070d18}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #80eafb;outline-offset:3px}a{color:inherit;text-decoration:none}.topbar{position:relative;z-index:20;height:66px;background:rgba(4,10,19,.96);border-bottom:1px solid #ffffff20;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:22px;backdrop-filter:blur(18px)}.brand{display:flex;gap:11px;align-items:center;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#9bf3ff,#8876fc);color:#091221;font-size:25px;font-weight:900}.brand-name{display:block;font:700 19px/.96 'Space Grotesk',var(--font);letter-spacing:1px}.brand-name b{color:#9be8ff;font-weight:700}.brand-sub{display:block;font-size:8px;font-weight:500;letter-spacing:1.5px;color:#88a0b7;margin-top:5px}.top-pulse{display:flex;align-items:center;gap:7px;color:#95afc0;font-size:10px;letter-spacing:1.2px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3af6bb;box-shadow:0 0 14px #3af6bb8c}.header-nav{display:flex;align-items:center;gap:22px}.header-nav>a{font-size:12px;color:#9ab1c6}.header-nav>a:hover{color:#fff}.user-button{background:#173249;color:#d1f2ff;padding:9px 13px;border:1px solid #79caf43f;border-radius:9px;font-size:12px;white-space:nowrap}.primary-btn{border:1px solid #b1f2ff66;background:linear-gradient(100deg,#67d5e8,#9aa7ff);color:#051523;font-weight:800;letter-spacing:.3px;padding:12px 20px;border-radius:9px;box-shadow:0 7px 27px #68cfff29;cursor:pointer}.secondary-btn{border:1px solid #507084;background:#17273b;color:#c8e8f1;font-weight:700;padding:11px 17px;border-radius:9px;cursor:pointer}.primary-btn:hover{filter:brightness(1.12)}.secondary-btn:hover{background:#233d54}.wide{width:100%}.icon-btn{border:0;color:#e4ecff;background:#21354b;border-radius:8px;width:38px;height:38px}.muted{color:#9aafbf}.eyebrow{color:#7fe8ff;letter-spacing:2px;font-size:10px;font-weight:800}.xy-toast{position:fixed;z-index:500;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;background:#152842;border:1px solid #5591af;color:#f4fcff;border-radius:11px;box-shadow:0 10px 40px #0008;padding:14px 19px;max-width:min(420px,90vw);font-weight:700;font-size:12px;text-align:center;pointer-events:none;transition:transform .23s,opacity .23s}.xy-toast.show{transform:translate(-50%,0);opacity:1}.xy-toast.error{background:#4c2837;border-color:#a56783}.xy-toast.success{background:#17433e;border-color:#58b9a6}.xy-auth{width:min(440px,94vw);background:#091526;border:1px solid #345b78;border-radius:18px;color:#f5fbff;padding:0;box-shadow:0 22px 85px #000d;max-height:90dvh;overflow:auto}.xy-auth::backdrop{background:#000c;backdrop-filter:blur(7px)}.auth-shell{display:flex;flex-direction:column;gap:13px;padding:27px}.auth-head{display:flex;align-items:center;justify-content:space-between}.auth-shell h2{font-size:30px;letter-spacing:-1px;margin:10px 0 0}.auth-shell p{font-size:12px;color:#a6c0d1;line-height:1.6;margin:0 0 5px}.auth-shell label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b6c9d9}.auth-shell input{width:100%;background:#13283d;color:white;padding:13px;border:1px solid #3c5771;border-radius:8px}.auth-shell small{color:#7f96a8;font-size:10px;line-height:1.6}.form-error{color:#ffa5ad!important;min-height:16px}.link-btn{border:0;background:transparent;color:#7fe7fa;padding:11px;cursor:pointer}.profile-shell h3{margin:21px 0 7px;font-size:15px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.profile-grid>div{padding:12px 8px;border:1px solid #254a61;border-radius:8px;background:#10273a;display:flex;flex-direction:column;gap:5px;text-align:center}.profile-grid b{font-size:23px}.profile-grid span{font-size:9px;color:#a8bfce}.profile-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ffffff19;font-size:12px;text-transform:capitalize}
@media(max-width:720px){.topbar{height:54px;padding:0 12px;gap:6px}.brand-mark{width:27px;height:27px;font-size:19px}.brand{gap:7px}.brand-name{font-size:15px;letter-spacing:0}.brand-sub{font-size:6px;letter-spacing:.5px}.header-nav{gap:8px}.header-nav>a{display:none}.top-pulse{display:none}.user-button{font-size:10px;padding:8px 9px}.auth-shell{padding:19px}.xy-auth h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
[hidden]{display:none!important}
