:root{--surface: rgba(10, 6, 18, .45);--surface-hover: rgba(255,255,255,.06);--grad-1:#8000ff;--grad-2:#da8fff;--ring:#b67cff;--maxw:1200px;--blur:16px;--glass:rgba(255,255,255,.06);--border:rgba(255,255,255,.12)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(270deg,#1a0529,#0d001a,#0d0320);background-size:600% 600%;animation:GradientAnim 15s ease infinite;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes GradientAnim{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}main{position:relative;z-index:10;padding-top:72px}header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--surface);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{max-width:var(--maxw);margin:0 auto;padding:10px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.logo-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-width:0}.logo-brand img{height:40px;width:auto;flex:0 0 auto}.logo-brand h2{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(45deg,var(--grad-2),var(--grad-1));-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.nav-wrap{justify-self:center}.nav-links{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.nav-links a{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;line-height:1;border-radius:999px;padding:10px 14px;font-weight:600;transition:transform .18s ease,box-shadow .25s ease,background-color .25s ease}.nav-links a:after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--grad-1),var(--grad-2));transform:scaleX(0);transform-origin:center;transition:transform .25s ease;opacity:.9}.nav-links a.active{background:linear-gradient(90deg,var(--grad-1),var(--grad-2));box-shadow:0 0 0 1px #ffffff14 inset,0 6px 18px #8000ff59}.nav-links a:hover:not(.active){background:var(--surface-hover)}.nav-links a:hover:after,.nav-links a:focus-visible:after{transform:scaleX(1)}.nav-links a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.right-actions{justify-self:end;display:flex;gap:10px;align-items:center}.btn{appearance:none;border:0;border-radius:10px;padding:10px 14px;color:#fff;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:.25s}.btn-ghost{background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.btn-ghost:hover{background:#ffffff1a}.btn-grad{background:linear-gradient(135deg,var(--grad-2),var(--grad-1));box-shadow:0 6px 18px #8000ff59}.btn-grad:hover{filter:saturate(1.06)}.btn-small{padding:9px 12px;border-radius:9px}.mobile-toggle{display:none;justify-self:end;width:40px;height:40px;border-radius:10px;background:var(--glass);border:1px solid var(--border);color:#fff;align-items:center;justify-content:center;cursor:pointer}.mobile-toggle svg{width:22px;height:22px}.mobile-menu{position:fixed;inset:0;z-index:120;display:none;backdrop-filter:blur(var(--blur));background:#08040ea6}.mobile-sheet{position:absolute;inset:auto 0 0;background:#140c20d9;backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:16px 16px calc(16px + env(safe-area-inset-bottom));display:grid;gap:14px;box-shadow:0 -12px 30px #00000073}.mobile-row{display:grid;gap:10px}.mobile-title{font-weight:900;font-size:1.05rem;margin:2px 0 2px 2px;opacity:.92;text-align:center}.mobile-nav,.mobile-auth{display:grid;gap:10px;grid-template-columns:1fr}.mobile-sheet .btn{width:100%;justify-content:center}@media(max-width:900px){.header-inner{max-width:100%;padding:10px 14px}}@media(max-width:768px){.header-inner{grid-template-columns:auto 1fr auto;align-items:center}.nav-wrap,.right-actions{display:none}.mobile-toggle{display:inline-flex}.logo-brand img{height:34px}.logo-brand h2{font-size:1.25rem}main{padding-top:66px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}