:root{--bg-base:#050810;--bg-surface:#0a1220;--bg-elevated:#0f1a2e;--border-glow:rgba(0,194,255,0.15);--border-active:rgba(0,194,255,0.45);--accent-cyan:#00c2ff;--accent-blue:#4a7fff;--accent-gradient:linear-gradient(135deg,#00c2ff,#4a7fff);--text-primary:#ffffff;--text-secondary:#94a3b8;--text-muted:#475569;--cyber-danger:#ff4444;--cyber-success:#00ff88}@keyframes breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes beam-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes cyber-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes dotMove{0%{background-position:0 0}to{background-position:32px 32px}}@media (prefers-reduced-motion:reduce){.cyber-dots,.login-bg-dots{animation:none!important}}.cyber-dots{background-image:radial-gradient(circle,rgba(0,194,255,.06) 1px,transparent 0);background-size:32px 32px;animation:dotMove 12s linear infinite;will-change:background-position}.cyber-scanlines{background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.04) 0,rgba(0,0,0,.04) 4px);background-size:100% 4px}.cyber-vignette{background-image:radial-gradient(ellipse at 50% 50%,transparent 35%,rgba(0,0,0,.5) 100%)}.cyber-panel{position:relative;background:rgba(13,26,46,.88);border:1px solid var(--border-glow);border-radius:4px;box-shadow:0 0 0 1px rgba(0,194,255,.04),inset 0 1px 0 rgba(0,194,255,.08),0 32px 64px rgba(0,0,0,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:border-color .2s ease,box-shadow .2s ease}.cyber-panel:before{top:-1px;left:-1px;width:20px;height:20px;border-top:2px solid var(--accent-cyan);border-left:2px solid var(--accent-cyan)}.cyber-panel:after,.cyber-panel:before{content:"";position:absolute;pointer-events:none;z-index:1}.cyber-panel:after{bottom:-1px;right:-1px;width:14px;height:14px;border-bottom:1px solid rgba(0,194,255,.3);border-right:1px solid rgba(0,194,255,.3)}.cyber-panel:hover{border-color:rgba(0,194,255,.35);box-shadow:0 0 0 1px rgba(0,194,255,.07),inset 0 1px 0 rgba(0,194,255,.12),0 0 40px rgba(0,194,255,.06),0 32px 64px rgba(0,0,0,.55)}.glow-cyan{text-shadow:0 0 20px rgba(0,194,255,.6)}.glow-button{box-shadow:0 0 24px rgba(0,194,255,.3),0 4px 20px rgba(0,0,0,.4)}.cyber-btn{display:block;width:100%;background:linear-gradient(135deg,#00c2ff,#4a7fff);border:none;border-radius:4px;color:#050810;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px;padding:14px 24px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 0 24px rgba(0,194,255,.25),0 4px 16px rgba(0,0,0,.4);will-change:transform;font-family:var(--font-barlow-condensed),ui-sans-serif,system-ui}.cyber-btn:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:3px}.cyber-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 36px rgba(0,194,255,.45),0 6px 24px rgba(0,0,0,.5)}.cyber-btn:active:not(:disabled){transform:translateY(0)}.cyber-btn:disabled{background:rgba(255,255,255,.06);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.cyber-input{width:100%;background:rgba(5,8,16,.7);border:1px solid var(--border-glow);border-radius:4px;padding:12px 16px;color:#ffffff;font-size:14px;line-height:1.5;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.cyber-input::placeholder{color:var(--text-muted);font-family:var(--font-dm-mono),monospace;font-size:12px}.cyber-input:focus{border-color:var(--border-active);box-shadow:0 0 0 1px rgba(0,194,255,.12),inset 0 0 16px rgba(0,194,255,.04)}.cyber-input:focus-visible{border-color:var(--border-active);box-shadow:0 0 0 2px rgba(0,194,255,.2),inset 0 0 16px rgba(0,194,255,.04)}.cyber-input:disabled{opacity:.4;cursor:not-allowed}.cyber-label{display:block;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);margin-bottom:7px;font-family:var(--font-dm-mono),monospace}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0;animation:cyber-pulse 2s ease-in-out infinite}.pulse-dot-green{background:var(--cyber-success)}.pulse-dot-cyan{background:var(--accent-cyan)}.pulse-dot-red{background:var(--cyber-danger)}.cyber-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,194,255,.15) 30%,rgba(0,194,255,.15) 70%,transparent);border:none;margin:0}.tech-tag{font-family:var(--font-dm-mono),monospace;font-size:9px;color:rgba(0,194,255,.35);letter-spacing:.3em;text-transform:uppercase;line-height:1}.tech-tag-muted{font-size:9px}.section-label,.tech-tag-muted{font-family:var(--font-dm-mono),monospace;color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase}.section-label{font-size:10px;font-weight:500}.cyber-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--border-glow);border-radius:2px;font-family:var(--font-dm-mono),monospace;font-size:10px;color:var(--accent-cyan);background:rgba(0,194,255,.06);text-transform:uppercase;letter-spacing:.1em}.fade-up{animation:fadeUp .45s ease both}.fade-up-1{animation:fadeUp .45s ease .05s both}.fade-up-2{animation:fadeUp .45s ease .1s both}.fade-up-3{animation:fadeUp .45s ease .15s both}.fade-up-4{animation:fadeUp .45s ease .2s both}.fade-up-5{animation:fadeUp .45s ease .25s both}