@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--electric-blue: #00d4ff;--electric-blue-dark: #0099cc;--electric-blue-light: #33ddff;--deep-black: #000000;--rich-black: #0a0a0a;--carbon-black: #111111}body{@apply bg-black text-white antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,SF Pro Display,Helvetica Neue,Arial,sans-serif;letter-spacing:-.01em;font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.particles-disabled canvas{display:none!important}body.animations-disabled *{animation-duration:.01ms!important;transition-duration:.01ms!important}*{scrollbar-width:thin;scrollbar-color:var(--electric-blue) var(--carbon-black)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:var(--carbon-black)}*::-webkit-scrollbar-thumb{background:var(--electric-blue);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:var(--electric-blue-light)}}@layer utilities{@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 40px #00d4ff99}}.animate-float{animation:float 3s ease-in-out infinite}.animate-slide-in{animation:slide-in .5s ease-out}.animate-fade-in{animation:fade-in .3s ease-out}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(0,212,255,.3),transparent);background-size:1000px 100%;animation:shimmer 2s infinite}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}.text-electric{color:var(--electric-blue)}.bg-electric{background-color:var(--electric-blue)}.border-electric{border-color:var(--electric-blue)}.glow-electric{box-shadow:0 0 20px #00d4ff80}.glow-electric-strong{box-shadow:0 0 40px #00d4ffcc}.text-glow{text-shadow:0 0 20px rgba(0,212,255,.6)}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00d4ff80}50%{box-shadow:0 0 40px #00d4ffcc}}.glass-effect{background:#111111f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.2)}.gradient-electric{background:linear-gradient(135deg,#000,#001a33,#00d4ff)}.gradient-electric-text{background:linear-gradient(135deg,#00d4ff,#09c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-spin-slow{animation:spin 20s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-dark{background:#111111f2;border:1px solid rgba(0,212,255,.3)}.text-readable{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.text-muted-readable{color:#e0e0e0;text-shadow:0 1px 2px rgba(0,0,0,.6)}.bg-dark-solid{background:#0a0a0afa}.hover-electric:hover{border-color:var(--electric-blue);box-shadow:0 0 20px #00d4ff66;transition:all .3s ease}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}.animate-scan{animation:scan 3s linear infinite}.drop-shadow-glow{filter:drop-shadow(0 0 8px currentColor)}.premium-card{background:linear-gradient(135deg,#111111f2,#222222f2);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d inset;transition:all .4s cubic-bezier(.4,0,.2,1)}.premium-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 60px #00d4ff33,0 0 0 1px #00d4ff4d inset;border-color:#00d4ff4d}.premium-button{background:linear-gradient(135deg,#00d4ff1a,#0099cc1a);border:1px solid rgba(0,212,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.premium-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,212,255,.2),transparent);opacity:0;transition:opacity .3s ease}.premium-button:hover:before{opacity:1}.premium-button:hover{transform:translateY(-2px);box-shadow:0 10px 40px #00d4ff4d;border-color:#00d4ff99}.premium-button:active{transform:translateY(0)}@keyframes float-smooth{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-10px) translate(5px)}50%{transform:translateY(-5px) translate(-5px)}75%{transform:translateY(-15px) translate(0)}}.animate-float-smooth{animation:float-smooth 8s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient{background-size:200% 200%;animation:gradient-shift 8s ease infinite}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}button:focus-visible,a:focus-visible{outline:2px solid rgba(0,212,255,.6);outline-offset:2px}::selection{background-color:#00d4ff4d;color:#fff}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em}.shadow-premium{box-shadow:0 1px 3px #0000001f,0 8px 16px #0000003d,0 0 0 1px #ffffff0d inset}.shadow-premium-lg{box-shadow:0 10px 40px #0000004d,0 0 0 1px #ffffff14 inset,0 0 80px #00d4ff1a}.custom-scrollbar::-webkit-scrollbar{width:10px}.custom-scrollbar::-webkit-scrollbar-track{background:#0f172a4d;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#06b6d4,#0284c7);border-radius:10px;border:2px solid rgba(15,23,42,.5)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#22d3ee,#06b6d4)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#06b6d4 rgba(15,23,42,.3)}}