:root{--cyber-bg: #060609;--cyber-surface: #0a0a12;--cyber-elevated: #0f0f1a;--cyber-panel: #111126;--cyber-cyan: #06f5d6;--cyber-purple: #a855f7;--cyber-blue: #3b82f6;--cyber-pink: #ec4899;--cyber-green: #10b981;--cyber-amber: #f59e0b;--cyber-red: #ef4444;--cyber-border: rgba(6,245,214,.12);--cyber-border-hover: rgba(6,245,214,.3);--text-primary: #e8e8f0;--text-muted: rgba(232,232,240,.4);--sidebar-width: 300px;--header-height: 56px}body{background:var(--cyber-bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}::-moz-selection{background:#06f5d633;color:#fff}::selection{background:#06f5d633;color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#06f5d626;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#06f5d64d}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:700;letter-spacing:-.02em;color:#fff}.cyber-border{border:1px solid var(--cyber-border);transition:border-color .4s ease}.cyber-border:hover{border-color:var(--cyber-border-hover)}.cyber-card{background:#0a0a1299;border:1px solid rgba(6,245,214,.08);backdrop-filter:blur(12px);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cyber-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,245,214,.3),transparent);opacity:0;transition:opacity .4s ease}.cyber-card:hover{border-color:#06f5d633;box-shadow:0 0 30px #06f5d60d,inset 0 1px #06f5d61a;transform:translateY(-2px)}.cyber-card:hover:before{opacity:1}.neon-text{color:var(--cyber-cyan);text-shadow:0 0 10px rgba(6,245,214,.4),0 0 30px rgba(6,245,214,.15)}.neon-glow{box-shadow:0 0 15px #06f5d626,0 0 30px #06f5d60d}.glass-panel{background:#0a0a12cc;backdrop-filter:blur(20px);border:1px solid rgba(6,245,214,.08)}.corner-brackets{position:relative}.corner-brackets:before,.corner-brackets:after{content:"";position:absolute;width:12px;height:12px;transition:all .3s ease}.corner-brackets:before{top:-1px;left:-1px;border-top:2px solid var(--cyber-cyan);border-left:2px solid var(--cyber-cyan);opacity:0}.corner-brackets:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--cyber-cyan);border-right:2px solid var(--cyber-cyan);opacity:0}.corner-brackets:hover:before,.corner-brackets:hover:after{opacity:1}.scan-line:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyber-cyan),transparent);opacity:.4;animation:scan-move 3s linear infinite;pointer-events:none}@keyframes scan-move{0%{top:0}to{top:100%}}.hud-label{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--cyber-cyan);opacity:.6}.page-content{animation:page-enter .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes page-enter{0%{opacity:0;transform:translateY(15px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.loading-screen{position:fixed;inset:0;z-index:9999;background:var(--cyber-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-ring{width:60px;height:60px;border:2px solid rgba(6,245,214,.1);border-top-color:var(--cyber-cyan);border-radius:50%;animation:loader-spin 1s linear infinite}.loader-ring-outer{width:80px;height:80px;border:1px solid rgba(168,85,247,.15);border-bottom-color:var(--cyber-purple);border-radius:50%;animation:loader-spin 1.5s linear infinite reverse;position:absolute}@keyframes loader-spin{to{transform:rotate(360deg)}}.loader-text{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--cyber-cyan);margin-top:28px;opacity:.7;animation:loader-text-pulse 1.5s ease-in-out infinite}@keyframes loader-text-pulse{0%,to{opacity:.4}50%{opacity:.9}}.gradient-text{background:linear-gradient(135deg,var(--cyber-cyan),var(--cyber-purple),var(--cyber-cyan));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-flow 4s ease-in-out infinite}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in-up{animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.cyber-btn-primary{position:relative;display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#06f5d626,#a855f726);border:1px solid rgba(6,245,214,.3);border-radius:12px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;overflow:hidden}.cyber-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#06f5d61a,#a855f71a);opacity:0;transition:opacity .3s}.cyber-btn-primary:hover{border-color:#06f5d680;box-shadow:0 0 25px #06f5d626,0 0 50px #06f5d60d;transform:translateY(-1px)}.cyber-btn-primary:hover:before{opacity:1}.cyber-btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fffc;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.cyber-btn-ghost:hover{background:#ffffff0f;border-color:#06f5d633;color:#fff;box-shadow:0 0 20px #06f5d60d}@media(max-width:768px){.animate-float,.animate-hex-float,.animate-pulse-slow{animation:none!important}}@media(max-width:768px){button,a{min-height:44px;min-width:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{scroll-behavior:smooth}