@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary: #fafafa;--bg-secondary: #f4f4f5;--bg-tertiary: #ffffff;--text-primary: #09090b;--text-secondary: #3f3f46;--text-muted: #71717a;--border-color: #e4e4e7;--accent-primary: #dc2626;--accent-glow: rgba(220, 38, 38, .3);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .1);--neon-primary: #dc2626;--neon-secondary: #f97316;--gradient-start: #fef3c7;--gradient-end: #fecaca;--sidebar-bg: #f9fafb;--card-bg: #ffffff;--input-bg: #f4f4f5}.dark{--bg-primary: #09090b;--bg-secondary: #0c0c0e;--bg-tertiary: #18181b;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--border-color: #27272a;--accent-primary: #dc2626;--accent-glow: rgba(220, 38, 38, .4);--glass-bg: rgba(24, 24, 27, .8);--glass-border: rgba(255, 255, 255, .05);--neon-primary: #00fff7;--neon-secondary: #9d00ff;--gradient-start: #1e1b4b;--gradient-end: #0f172a;--sidebar-bg: #0c0c0e;--card-bg: #18181b;--input-bg: #27272a}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .5s ease,color .3s ease}h1,h2,h3,.font-heading{font-family:Outfit,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:10}.glass-card:hover{-webkit-backdrop-filter:blur(25px) saturate(200%);backdrop-filter:blur(25px) saturate(200%);box-shadow:0 25px 50px -12px #00000040}.neon-border{position:relative;z-index:1}.neon-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--neon-primary),var(--neon-secondary),var(--neon-primary));background-size:300% 300%;animation:shimmer 3s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.neon-border:hover:before{opacity:1}.futuristic-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--border-color) 1px,transparent 1px),linear-gradient(to bottom,var(--border-color) 1px,transparent 1px);background-size:60px 60px;opacity:.3;pointer-events:none;z-index:0;animation:grid-flow 20s linear infinite}.dark .futuristic-grid{opacity:.1}.blueprint-hologram{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(0,191,255,.05) 50%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(147,51,234,.05) 50%,transparent 100%);background-size:200% 200%,200% 200%;animation:hologram-drift 15s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes hologram-drift{0%,to{background-position:0% 0%,0% 0%;opacity:.4}50%{background-position:100% 100%,100% 100%;opacity:.6}}.blueprint-lines{position:fixed;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 100px,rgba(0,191,255,.1) 100px,rgba(0,191,255,.1) 102px),repeating-linear-gradient(90deg,transparent,transparent 100px,rgba(147,51,234,.1) 100px,rgba(147,51,234,.1) 102px);pointer-events:none;z-index:1;opacity:.3;animation:float 6s ease-in-out infinite}.hologram-circles{position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(0,191,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(147,51,234,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(220,38,38,.1) 0%,transparent 60%);pointer-events:none;z-index:1;animation:hologram-pulse 8s ease-in-out infinite}@keyframes hologram-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}.technical-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,transparent 48%,rgba(0,191,255,.03) 49%,rgba(0,191,255,.03) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(147,51,234,.03) 49%,rgba(147,51,234,.03) 51%,transparent 52%);background-size:20px 20px;pointer-events:none;z-index:1;animation:float 10s ease-in-out infinite reverse}.gradient-orb{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(100px);opacity:.15;animation:float 8s ease-in-out infinite;pointer-events:none}.gradient-orb-1{background:linear-gradient(135deg,#dc2626,#9333ea);top:-20%;right:-10%}.gradient-orb-2{background:linear-gradient(135deg,#3b82f6,#06b6d4);bottom:-20%;left:-10%;animation-delay:-4s}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-primary),#9333ea);border-radius:10px}.holographic{background:linear-gradient(135deg,#dc2626,#f97316,#eab308,#22c55e,#3b82f6,#dc2626);background-size:200% 200%;animation:shimmer 4s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.holographic-card{position:relative;overflow:hidden}.holographic-card:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,#00bfff66,#9333ea66,#dc262666,#00bfff66);background-size:300% 300%;animation:shimmer 5s linear infinite;filter:blur(10px);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.holographic-card:hover:before{opacity:.6}.holographic-card:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,191,255,.2),transparent);transform:translate(-50%,-50%) rotate(45deg);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:2}.holographic-card:hover:after{opacity:1;animation:hologram-scan 2s ease-in-out infinite}@keyframes hologram-scan{0%{transform:translate(-150%,-50%) rotate(45deg)}to{transform:translate(50%,-50%) rotate(45deg)}}@keyframes grid-flow{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}*{transition:background-color .3s ease,border-color .3s ease}