:root{--bg-0: #060912;--bg-1: #0b1120;--glass: rgba(18, 27, 48, .55);--glass-brd: rgba(120, 160, 255, .18);--txt: #e8eefc;--txt-dim: #93a4c8;--brand: #2f6bff;--cyan: #22d3ee;--violet: #a855f7;--green: #22c55e;--danger: #fb7185;--radius: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:"Exo 2",system-ui,sans-serif;color:var(--txt);background:var(--bg-0);overflow-x:hidden}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(60% 50% at 15% 10%,rgba(47,107,255,.18),transparent 60%),radial-gradient(55% 45% at 85% 20%,rgba(168,85,247,.16),transparent 60%),radial-gradient(70% 60% at 50% 100%,rgba(34,211,238,.12),transparent 60%),var(--bg-0)}.fx-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:block}.app-layer{position:relative;z-index:2}h1,h2,h3,.font-display{font-family:Orbitron,"Exo 2",sans-serif;letter-spacing:.04em}.neon{text-shadow:0 0 12px rgba(34,211,238,.55),0 0 30px rgba(47,107,255,.35)}.glass{background:var(--glass);border:1px solid var(--glass-brd);border-radius:var(--radius);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff0f}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:400px;padding:38px 34px}.brand-badge{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-family:Orbitron;font-weight:800;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--violet));box-shadow:0 0 24px #2f6bff80;margin-bottom:18px}.title{font-size:26px;margin:0 0 4px}.subtitle{color:var(--txt-dim);font-size:14px;margin:0 0 26px}.field{width:100%;padding:13px 15px;margin-bottom:14px;font-size:15px;color:var(--txt);background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:11px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.field::placeholder{color:#6b7ba0}.field:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee2e}.field.code{letter-spacing:10px;text-align:center;font-size:22px;font-family:Orbitron}.btn{width:100%;padding:14px;font-size:15px;font-weight:600;cursor:pointer;color:#fff;border:none;border-radius:11px;font-family:inherit;background:linear-gradient(135deg,var(--brand),var(--violet));box-shadow:0 8px 24px #2f6bff66;transition:transform .15s,box-shadow .2s,opacity .2s}.btn:hover:not(:disabled){box-shadow:0 10px 30px #2f6bff99;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.err{color:var(--danger);font-size:13px;margin-top:12px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar h1{font-size:19px;margin:0}.logout{background:transparent;border:1px solid rgba(255,255,255,.18);color:var(--txt-dim);padding:8px 16px;border-radius:9px;cursor:pointer;font-family:inherit;font-size:13px;transition:all .2s}.logout:hover{color:var(--txt);border-color:var(--cyan)}.portal-main{max-width:1180px;margin:0 auto;padding:40px 28px 64px}.portal-head{text-align:center;margin-bottom:40px}.portal-head h2{font-size:clamp(26px,4vw,40px);margin:0 0 8px}.portal-head p{color:var(--txt-dim);margin:0}.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));perspective:1400px}.card{position:relative;padding:24px;cursor:pointer;text-align:left;transform-style:preserve-3d;transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s,border-color .25s;will-change:transform;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);background:radial-gradient(120% 80% at 50% -10%,var(--accent, var(--brand)),transparent 55%);opacity:.14;transition:opacity .25s}.card:hover{border-color:var(--accent, var(--cyan));box-shadow:0 26px 70px #0000008c,0 0 30px -6px var(--accent, var(--cyan))}.card:hover:before{opacity:.28}.card-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-family:Orbitron;font-weight:700;color:#fff;margin-bottom:16px;background:linear-gradient(135deg,var(--accent, var(--brand)),rgba(255,255,255,.12));box-shadow:0 0 20px -2px var(--accent, var(--brand));transform:translateZ(40px)}.card h3{font-size:16px;margin:0 0 6px;transform:translateZ(28px)}.card .desc{color:var(--txt-dim);font-size:13px;margin:0 0 14px;transform:translateZ(18px)}.card .status{font-size:12px;color:var(--green);font-weight:600;transform:translateZ(14px)}.card .arrow{position:absolute;top:22px;right:22px;color:var(--txt-dim);transition:transform .25s,color .25s;transform:translateZ(30px)}.card:hover .arrow{color:var(--accent, var(--cyan));transform:translateZ(30px) translate(3px)}@media (prefers-reduced-motion: reduce){.card,.btn,.arrow{transition:none}}