:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Outfit", sans-serif;--font-mono: "Fira Code", monospace;--bg-dark: #030014;--bg-dark-card: rgba(11, 8, 32, .94);--border-dark: rgba(255, 255, 255, .08);--text-dark-primary: #f3f1fe;--text-dark-secondary: #b4aecc;--primary-glow: radial-gradient(circle, rgba(0, 240, 255, .15) 0%, transparent 70%);--secondary-glow: radial-gradient(circle, rgba(112, 0, 255, .18) 0%, transparent 70%);--neon-cyan: #00f0ff;--neon-purple: #7000ff;--neon-pink: #ff0070;--neon-green: #00ff66;--neon-yellow: #ffe259;--neon-red: #ff5e62;--neon-purple-light: #a64dff;--core-bg: #0a0a0d;--core-text-primary: #f5f5f2;--core-text-secondary: #9a9a9f;--core-accent: #7ab8ff;--core-metal: #c7c9d1}.core-label{font-family:var(--font-heading);font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;color:var(--core-accent);display:inline-flex;align-items:center;gap:10px}.core-label:before{content:"";width:18px;height:1px;background:var(--core-accent);display:inline-block}.core-panel{border:1px solid rgba(245,245,242,.1);background:#ffffff05;transition:border-color .4s,background .4s}.core-panel:hover{border-color:#7ab8ff59;background:#ffffff09}.core-divider{height:1px;background:#f5f5f21a;border:none}.core-mono{font-family:var(--font-mono);color:var(--core-text-secondary);letter-spacing:.05em}.light-mode{--bg-dark: #f8f9fa;--bg-dark-card: #ffffff;--border-dark: rgba(0, 0, 0, .06);--text-dark-primary: #110e1f;--text-dark-secondary: #575466;--primary-glow: radial-gradient(circle, rgba(0, 240, 255, .06) 0%, transparent 70%);--secondary-glow: radial-gradient(circle, rgba(112, 0, 255, .08) 0%, transparent 70%);--neon-cyan: #007a87;--neon-purple: #5200cc;--neon-pink: #cc0059;--neon-green: #008f37;--neon-yellow: #b38600;--neon-red: #c92a2a;--neon-purple-light: #7a1aff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;background-color:var(--bg-dark)}body{font-family:var(--font-sans);color:var(--text-dark-primary);background-color:var(--bg-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#7000ff4d;color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#030014}::-webkit-scrollbar-thumb{background:#ffffff1a;border:2px solid #030014;border-radius:5px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#7000ff99}.gradient-text{background:linear-gradient(135deg,#00f0ff,#7000ff,#ff0070);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-blue{background:linear-gradient(135deg,#00f0ff,#0072ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-purple{background:linear-gradient(135deg,#7000ff,#ff0070);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-gold{background:linear-gradient(135deg,#ffe259,#ffa751);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--bg-dark-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-dark);box-shadow:0 10px 40px #0000004d;transition:border-color .4s,box-shadow .4s,transform .4s}.glass-card:hover{border-color:#7000ff4d;box-shadow:0 15px 50px #7000ff26}.focusable:focus-visible{outline:2px solid #00f0ff;outline-offset:4px}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}.floating{animation:float 6s ease-in-out infinite}@keyframes float-reverse{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(12px) rotate(-2deg)}to{transform:translateY(0) rotate(0)}}.floating-reverse{animation:float-reverse 7s ease-in-out infinite}.bg-mesh-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.55;mix-blend-mode:screen}.glow-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 20%,rgba(112,0,255,.3) 50%,rgba(255,255,255,.1) 80%,transparent)}@media (max-width: 600px){.bg-mesh-glow{width:250px;height:250px;filter:blur(60px)}}@keyframes scanBar{0%{top:-5%}50%{top:105%}to{top:-5%}}@keyframes scanLine{0%{top:0%}50%{top:100%}to{top:0%}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #00ff66b3}70%{transform:scale(1);box-shadow:0 0 0 10px #0f60}to{transform:scale(.95);box-shadow:0 0 #0f60}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button:active,.MuiButton-root:active{transform:translateY(2px) scale(.98)!important;box-shadow:0 2px 10px #00f0ff33!important}.control-console-item{position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.control-console-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#00f0ff,#7000ff);transition:all .3s ease;transform:translate(-50%)}.control-console-item:hover:after{width:80%}.cyber-box{position:relative;border:1px solid var(--border-dark)!important;background:var(--bg-dark-card)!important;box-shadow:0 8px 32px #0000005e!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cyber-corner{position:absolute;width:8px;height:8px;border-color:#00f0ff;border-style:solid;pointer-events:none;z-index:2;opacity:.75}.cyber-corner.top-left{top:-1px;left:-1px;border-width:1.5px 0 0 1.5px}.cyber-corner.top-right{top:-1px;right:-1px;border-width:1.5px 1.5px 0 0}.cyber-corner.bottom-left{bottom:-1px;left:-1px;border-width:0 0 1.5px 1.5px}.cyber-corner.bottom-right{bottom:-1px;right:-1px;border-width:0 1.5px 1.5px 0}.blinker-dot{width:6px;height:6px;border-radius:50%;background-color:#0f6;box-shadow:0 0 8px #0f6;display:inline-block;animation:pulse 1.8s infinite}.light-mode .gradient-text{background:linear-gradient(135deg,#007a87,#5200cc,#cc0059);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-mode .gradient-text-blue{background:linear-gradient(135deg,#005cb3,#028);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-mode .gradient-text-purple{background:linear-gradient(135deg,#5200cc,#a30047);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-mode .gradient-text-gold{background:linear-gradient(135deg,#b38600,#804c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.light-mode .bg-mesh-glow{mix-blend-mode:multiply;opacity:.08}.light-mode .glow-divider{background:linear-gradient(90deg,transparent,rgba(0,0,0,.04) 20%,rgba(112,0,255,.15) 50%,rgba(0,0,0,.04) 80%,transparent)}.light-mode .cyber-corner{border-color:#7000ff;opacity:.65}.light-mode .blinker-dot{background-color:#00b34a;box-shadow:0 0 6px #00b34a66}.light-mode .glass-card{box-shadow:0 8px 30px #00000008}.light-mode .glass-card:hover{box-shadow:0 12px 35px #7000ff14;border-color:#7000ff2e}.light-mode .cyber-box{box-shadow:0 8px 24px #0000000a!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.floating,.floating-reverse,.blinker-dot{animation:none!important}}