:root{--bg:#0f0f12;--bg-soft:#141419;--surface:#181820;--surface-2:#1f1f29;--text:#e9e9ee;--text-dim:#b5b6bf;--muted:#5b5d6b;--accent:#7a0026;--accent-2:#9b0434;--radius:16px;--shadow:0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 800px at 10% -10%,#7a00262e,#0000),var(--bg);color:var(--text)}a{color:var(--text-dim);text-decoration:none}a:hover{color:#fff}.container{max-width:1120px;margin:0 auto;padding:24px}.navbar{position:sticky;top:0;z-index:10;background:#0f0f1299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.2px;font-size:1.3rem}.brand-badge{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;box-shadow:var(--shadow)}.brand-badge span{font-weight:800;color:#fff}.nav-links{display:flex;gap:14px;align-items:center}.nav-link{color:var(--text-dim);padding:8px 10px;border-radius:10px}.nav-link.active,.nav-link:hover{color:#fff;background:#ffffff0f}.hero{padding:54px 0 24px}.hero h1{font-size:clamp(34px,4vw,48px);margin:0 0 10px}.hero p{color:var(--text-dim);margin:0}.card{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow)}.card-body{padding:22px}.card-title{font-size:1.15rem;margin:0 0 14px}.row{display:grid;gap:16px}@media (min-width:860px){.row-2{grid-template-columns:1fr 320px}}.input,.textarea{width:100%;background:#12121a;border:1px solid rgba(255,255,255,.08);color:var(--text);border-radius:12px;padding:12px 14px;outline:none}.textarea{min-height:140px;resize:vertical;line-height:1.5}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #7a002640}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);cursor:pointer;font-weight:600;transition:transform .06s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 30px #7a002659;border:1px solid rgba(122,0,38,.5)}.btn-primary:hover{box-shadow:0 12px 34px #7a002673}.btn-ghost{background:#ffffff0f;color:#fff}.btn-ghost:hover{background:#ffffff1a}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.item{padding:14px;background:#12121a;border:1px solid rgba(255,255,255,.06);border-radius:14px}.label{color:var(--text-dim);font-size:.9rem;margin-bottom:6px;display:block}.helper{color:var(--muted);font-size:.9rem}.toast{position:fixed;right:20px;bottom:20px;background:#111;border:1px solid rgba(255,255,255,.12);color:#fff;padding:12px 14px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);animation:toast-in .25s ease forwards}@keyframes toast-in{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{text-shadow:0 0 2px #00ffff,0 0 4px #00ffff}to{text-shadow:0 0 4px #00ffff,0 0 8px #00ffff,0 0 12px #00ffff}}.cyber-wrap{position:fixed;inset:0;z-index:-1;background:radial-gradient(120% 80% at 50% 0%,#0e1324,#05060b 60%);pointer-events:none}.cyber-stars{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 70% 10%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 40% 80%,rgba(255,255,255,.5),transparent);animation:twinkle 6s linear infinite}.neon-horizon{position:absolute;left:0;right:0;bottom:40%;height:2px;background:linear-gradient(90deg,#00e5ff00,#00e5ffe6,#ff00f7e6,#00e5ff00);box-shadow:0 0 22px #00e5ffb3}.mountains{position:absolute;left:0;right:0;bottom:0;width:100vw;height:60vh;opacity:.9;filter:drop-shadow(0 0 18px rgba(0,229,255,.25))}.mlayer--far{opacity:.45;transform:translateZ(0);animation:float1 14s ease-in-out infinite}.mlayer--mid{opacity:.65;animation:float2 12s ease-in-out infinite}.mlayer--near{opacity:.95;animation:float3 10s ease-in-out infinite}.cyber-grid{position:absolute;left:0;right:0;bottom:0;height:42vh;background:linear-gradient(rgba(0,229,255,.16) 1px,transparent 1px) 0 0 / 100% 18px,linear-gradient(90deg,rgba(0,229,255,.18) 1px,transparent 1px) 0 0 / 26px 100%;transform:perspective(520px) rotateX(60deg);transform-origin:bottom;-webkit-mask-image:linear-gradient(to top,black,transparent);mask-image:linear-gradient(to top,black,transparent)}.cyber-scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,229,255,.12),transparent);animation:scan 4s linear infinite}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes twinkle{0%,to{opacity:.7}50%{opacity:1}}@keyframes float1{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes float2{0%,to{transform:translateY(0)}50%{transform:translateY(9px)}}@keyframes float3{0%,to{transform:translateY(0)}50%{transform:translateY(12px)}}html,body,#root{height:100%}.auth-wrap{min-height:100dvh;display:grid;place-items:center;padding:32px 16px}.auth-card{width:100%;max-width:440px;border-radius:18px;padding:28px;color:#eaf6ff;-webkit-backdrop-filter:blur(10px) saturate(130%);backdrop-filter:blur(10px) saturate(130%);background:linear-gradient(180deg,#080e1c8c,#080e1c59);border:1px solid rgba(0,229,255,.18);box-shadow:0 0 0 1px #00e5ff1f inset,0 20px 60px #00000073,0 0 40px #00e5ff14;animation:authPop .5s ease both}@keyframes authPop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.auth-title{font-size:22px;font-weight:800;letter-spacing:.3px;margin-bottom:18px;color:#eaffff;text-shadow:0 0 22px rgba(0,229,255,.25)}.auth-label{display:block;font-size:12px;opacity:.9;margin:12px 0 6px}.auth-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0a101aa6;color:#eaffff;outline:none;transition:box-shadow .2s,border-color .2s,transform .05s}.auth-input::placeholder{color:#ffffff73}.auth-input:focus{border-color:#00e5ff8c;box-shadow:0 0 0 3px #00e5ff29,0 0 28px #00e5ff2e inset}.auth-input:active{transform:translateY(1px)}.btn-neon{margin-top:18px;width:100%;padding:12px 16px;border-radius:14px;font-weight:700;letter-spacing:.3px;color:#051016;background:linear-gradient(90deg,#00e5ff,#ff00f7);border:none;cursor:pointer;transition:filter .2s,transform .08s,box-shadow .2s;box-shadow:0 8px 24px #00e5ff40,0 0 0 1px #ffffff0f inset}.btn-neon:hover{filter:brightness(1.06)}.btn-neon:active{transform:translateY(1px)}.btn-neon:disabled{filter:grayscale(.2) opacity(.8);cursor:default}.auth-sub{margin-top:10px;font-size:13px;opacity:.9}.auth-error{margin-top:6px;color:#ff6b6b;font-size:13px}.password-wrap{display:flex;align-items:center;gap:8px}.password-field{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#eaffff}.eye-btn{border:none;background:transparent;cursor:pointer;font-size:18px;line-height:1;opacity:.85}.eye-btn:hover{opacity:1}.navbar{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);background:linear-gradient(180deg,#070c18b3,#070c1873);border-bottom:1px solid rgba(0,229,255,.14);box-shadow:0 10px 30px #00000059,inset 0 0 30px #00e5ff0d}.navbar .container{max-width:1120px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.4px;color:#cfefff;text-decoration:none}.brand-badge{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#00e5ff40,#ff00f733);border:1px solid rgba(0,229,255,.35);box-shadow:0 0 18px #00e5ff40,inset 0 0 10px #00e5ff1f;font-weight:900;color:#0b1623}.nav-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.nav-link{color:#cfefff;text-decoration:none;opacity:.85;padding:8px 10px;border-radius:10px;transition:opacity .15s,background .15s,color .15s,box-shadow .2s}.nav-link:hover{opacity:1;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff14}.nav-link.active{color:#051016;background:linear-gradient(90deg,#00e5ff,#ff00f7);box-shadow:0 8px 24px #00e5ff40}.btn.btn-ghost,.btn-ghost{padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#e9fbff;cursor:pointer;transition:transform .08s,filter .2s,box-shadow .2s,background .2s,border-color .2s}.btn-ghost:hover{filter:brightness(1.06);border-color:#00e5ff59;box-shadow:0 0 18px #00e5ff2e inset}.btn-ghost:active{transform:translateY(1px)}.navbar-inner{width:100%}.nav-desktop{display:flex;align-items:center;gap:14px}.mobile-toggle{display:none;width:42px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;cursor:pointer;position:relative}.mobile-toggle .bar{position:absolute;left:9px;right:9px;height:2px;background:#cfefff;transition:transform .2s,opacity .2s,top .2s}.mobile-toggle .bar:nth-child(1){top:10px}.mobile-toggle .bar:nth-child(2){top:17px}.mobile-toggle .bar:nth-child(3){top:24px}.mobile-toggle .bar.open:nth-child(1){top:17px;transform:rotate(45deg)}.mobile-toggle .bar.open:nth-child(2){opacity:0}.mobile-toggle .bar.open:nth-child(3){top:17px;transform:rotate(-45deg)}.mobile-panel{display:none;border-top:1px solid rgba(0,229,255,.14);background:linear-gradient(180deg,#070c18cc,#070c18a6);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);box-shadow:0 10px 30px #00000073 inset}.mobile-panel.show{display:block}.mobile-links{max-width:1120px;margin:0 auto;padding:12px 16px;display:grid;gap:10px}.mobile-links .nav-link,.mobile-links .btn-ghost{width:fit-content}@media (max-width:900px){.nav-desktop{display:none}.mobile-toggle{display:inline-grid;place-items:center}}.nav-link.active{position:relative}.nav-link.active:after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:2px;background:linear-gradient(90deg,#00e5ff,#ff00f7);box-shadow:0 0 12px #00e5ff80;border-radius:2px}