:root{--color-bg: #050505;--color-bg-secondary: #0a0a0a;--color-primary: #00f3ff;--color-primary-dim: rgba(0, 243, 255, .1);--color-primary-glow: rgba(0, 243, 255, .6);--color-secondary: #bc13fe;--color-secondary-dim: rgba(188, 19, 254, .1);--color-secondary-glow: rgba(188, 19, 254, .6);--color-accent: #ff0055;--color-success: #00ff9d;--color-warning: #ffcc00;--color-danger: #ff0055;--color-text: #ffffff;--color-text-muted: #8b9bb4;--color-text-dim: #4a5568;--glass-bg: rgba(20, 20, 35, .4);--glass-bg-hover: rgba(30, 30, 50, .6);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-blur: blur(12px);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--font-heading: "Orbitron", "Rajdhani", sans-serif;--font-body: "Inter", "Roboto", sans-serif;--font-mono: "Fira Code", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--color-bg);background-image:linear-gradient(rgba(0,243,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,243,255,.03) 1px,transparent 1px),radial-gradient(circle at 50% 0%,rgba(188,19,254,.15),transparent 70%);background-size:40px 40px,40px 40px,100% 100%;background-attachment:fixed;color:var(--color-text);font-family:var(--font-body);margin:0;min-height:100vh;overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);margin-top:0;text-transform:uppercase;letter-spacing:.05em}h1{font-size:2.5rem;text-shadow:0 0 20px var(--color-primary-glow)}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-secondary);text-shadow:0 0 8px var(--color-secondary-glow)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);padding:var(--spacing-lg);transition:var(--transition-normal)}.glass-panel:hover{border-color:#fff3;box-shadow:0 8px 32px #00f3ff1a}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:.875rem}.text-lg{font-size:1.25rem}.text-xl{font-size:1.5rem}.input-field{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);width:100%;transition:var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-dim)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease forwards}#root{width:100%;min-height:100vh}.cyber-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:radial-gradient(circle at center,#1a1a1a,#000);overflow:hidden}.grid-overlay{position:absolute;top:0;left:0;width:200%;height:200%;background-image:linear-gradient(rgba(0,136,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,136,255,.05) 1px,transparent 1px);background-size:50px 50px;transform:perspective(500px) rotateX(60deg) translateY(-100px) translateZ(-200px);animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:perspective(500px) rotateX(60deg) translateY(0) translateZ(-200px)}to{transform:perspective(500px) rotateX(60deg) translateY(50px) translateZ(-200px)}}.scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.5) 50%);background-size:100% 4px;pointer-events:none;opacity:.3}.particles{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(#0088FF 1px,transparent 1px),radial-gradient(#00FFFF 1px,transparent 1px);background-size:100px 100px;background-position:0 0,50px 50px;opacity:.1;animation:particleFloat 60s linear infinite}@keyframes particleFloat{0%{background-position:0 0,50px 50px}to{background-position:100px 100px,150px 150px}}