:root{--header-h:70px;--bg:#0B1226;--text:#E6EDF7;--muted:#B6C7DA;--panel:rgba(255,255,255,.05);--panel-strong:rgba(8,14,32,.85);--border:rgba(255,255,255,.12);--primary-900:#0F1E6D;--primary-800:#1733A6;--primary-700:#2451FF;--accent-500:#22D3EE;--magenta:#E11D8D;--focus:rgba(34,211,238,.35);--gap:22px;--metal-shine:linear-gradient(135deg, rgba(255,255,255,.4) 0%, rgba(255,255,255,.05) 50%, rgba(255,255,255,.3) 100%);--glow-cyan:drop-shadow(0 0 10px rgba(34,211,238,.6)) drop-shadow(0 0 20px rgba(34,211,238,.4));--glow-blue:drop-shadow(0 0 10px rgba(36,81,255,.6)) drop-shadow(0 0 20px rgba(36,81,255,.4))}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;line-height:1.6;background:var(--bg);color:var(--text);color-scheme:dark}.halos{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.halo{position:absolute;filter:blur(28px);border-radius:9999px;opacity:.3}.halo.cyan{background:color-mix(in srgb,var(--accent-500) 12%,transparent);width:1000px;height:480px;left:50%;top:-24px;transform:translateX(-50%);animation:float1 20s ease-in-out infinite}.halo.blue{background:color-mix(in srgb,var(--primary-700) 8%,transparent);width:900px;height:420px;left:5%;top:80px;animation:float2 25s ease-in-out infinite}.halo.magenta{background:color-mix(in srgb,var(--magenta) 6%,transparent);width:720px;height:380px;right:8%;top:120px;animation:float3 18s ease-in-out infinite}@keyframes float1{0%,100%{transform:translateX(-50%) translateY(0) scale(1);border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{transform:translateX(-45%) translateY(-20px) scale(1.05);border-radius:40% 60% 70% 30%/40% 70% 30% 60%}50%{transform:translateX(-55%) translateY(-10px) scale(.95);border-radius:70% 30% 50% 50%/30% 60% 40% 70%}75%{transform:translateX(-48%) translateY(-25px) scale(1.02);border-radius:50% 50% 60% 40%/70% 40% 60% 30%}}@keyframes float2{0%,100%{transform:translateY(0) scale(1);border-radius:50% 50% 40% 60%/50% 60% 40% 50%}33%{transform:translateY(30px) translateX(10px) scale(1.08);border-radius:60% 40% 50% 50%/40% 60% 50% 50%}66%{transform:translateY(-15px) translateX(-15px) scale(.92);border-radius:40% 60% 60% 40%/60% 40% 60% 40%}}@keyframes float3{0%,100%{transform:translateY(0) scale(1);border-radius:55% 45% 45% 55%/55% 45% 55% 45%}50%{transform:translateY(-40px) translateX(20px) scale(1.1);border-radius:45% 55% 55% 45%/45% 55% 45% 55%}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,rgba(9,16,33,.75) 0,rgba(15,30,109,.65) 100%);border-bottom:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1)}.card{padding:26px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.03) 100%);backdrop-filter:blur(10px) saturate(150%);border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px rgba(0,0,0,.15),0 4px 12px rgba(34,211,238,.1),inset 0 1px 0 rgba(255,255,255,.15),inset -1px -1px 2px rgba(0,0,0,.3);transition:all .5s cubic-bezier(.23, 1, .32, 1);position:relative;overflow:hidden}.card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(34,211,238,.2) 0,transparent 70%);opacity:0;transition:opacity .6s ease,transform .6s ease;pointer-events:none;border-radius:20px}.card::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:skewX(-20deg);transition:left .7s ease;pointer-events:none;border-radius:20px}.card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 16px 40px rgba(36,81,255,.35),0 0 30px rgba(34,211,238,.25),0 4px 16px rgba(34,211,238,.15),inset 0 2px 0 rgba(255,255,255,.4),inset -2px -2px 4px rgba(0,0,0,.2);border-color:rgba(34,211,238,.7);background:linear-gradient(135deg,rgba(255,255,255,.15) 0,rgba(34,211,238,.1) 100%);z-index:10}.card:hover::before{opacity:1;transform:scale(1)}.card:hover::after{left:150%}.panel{background:linear-gradient(135deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.03) 100%);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:.9rem 1.1rem;border-radius:999px;font-weight:800;cursor:pointer;line-height:1;transition:all .4s cubic-bezier(.23, 1, .32, 1);background:linear-gradient(135deg,var(--primary-800) 0,var(--primary-700) 100%);color:#fff;border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 24px rgba(23,51,166,.5),0 0 30px rgba(36,81,255,.4),0 4px 12px rgba(34,211,238,.2),inset 0 2px 0 rgba(255,255,255,.3),inset 0 -2px 4px rgba(0,0,0,.3);position:relative;overflow:hidden;filter:drop-shadow(0 4px 16px rgba(36,81,255,.4))}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.5) 0,transparent 70%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0,transparent 50%,rgba(255,255,255,.1) 100%);opacity:.3}.btn:hover::before{width:300px;height:300px}.btn:hover{transform:translateY(-3px) scale(1.04);background:linear-gradient(135deg,var(--primary-700) 0,var(--accent-500) 100%);box-shadow:0 12px 35px rgba(36,81,255,.45),0 0 35px rgba(34,211,238,.3),0 6px 20px rgba(34,211,238,.2),inset 0 3px 0 rgba(255,255,255,.5),inset 0 -3px 6px rgba(0,0,0,.2);border-color:rgba(34,211,238,.7);filter:drop-shadow(0 6px 18px rgba(34,211,238,.4))}.btn.outline{background:linear-gradient(135deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.04) 100%);backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 16px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.2)}.btn.outline:hover{background:linear-gradient(135deg,rgba(255,255,255,.15) 0,rgba(34,211,238,.1) 100%);border-color:rgba(34,211,238,.5);box-shadow:0 8px 24px rgba(34,211,238,.3),inset 0 1px 0 rgba(255,255,255,.3)}.input{width:100%;padding:1rem 1.1rem;border-radius:14px;border:2px solid rgba(255,255,255,.15);background:linear-gradient(135deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.03) 100%);backdrop-filter:blur(8px);color:var(--text);transition:all .3s cubic-bezier(.23, 1, .32, 1);box-shadow:0 4px 12px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.08)}.input:focus{outline:0;border-color:rgba(34,211,238,.6);background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(34,211,238,.05) 100%);box-shadow:0 8px 24px rgba(34,211,238,.25),0 0 20px rgba(34,211,238,.2),inset 0 1px 0 rgba(255,255,255,.15);transform:translateY(-2px)}h1{filter:drop-shadow(0 2px 12px rgba(34,211,238,.25))}h2{filter:drop-shadow(0 2px 6px rgba(34,211,238,.2))}h3{filter:drop-shadow(0 1px 4px rgba(34,211,238,.15))}