@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Orbitron:wght@500;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 220 30% 4%;--foreground: 0 0% 100%;--card: 220 25% 8%;--card-foreground: 0 0% 100%;--popover: 220 25% 8%;--popover-foreground: 0 0% 100%;--primary: 187 94% 43%;--primary-foreground: 220 30% 4%;--secondary: 220 20% 12%;--secondary-foreground: 0 0% 100%;--muted: 220 20% 15%;--muted-foreground: 215 20% 65%;--accent: 38 92% 50%;--accent-foreground: 220 30% 4%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--border: 215 25% 20%;--input: 215 25% 20%;--ring: 187 94% 43%;--radius: .75rem;--navy: 220 30% 4%;--navy-light: 220 25% 8%;--navy-lighter: 220 22% 11%;--teal: 187 94% 43%;--teal-glow: 187 94% 43%;--gold: 38 92% 50%;--gold-glow: 38 92% 50%;--success: 160 84% 39%;--error: 0 84% 60%;--ease-expo-out: cubic-bezier(.16, 1, .3, 1);--ease-expo-in: cubic-bezier(.7, 0, .84, 0);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}}@layer base{*{@apply border-border;}html{scroll-behavior:smooth}body{@apply bg-background text-foreground antialiased;font-family:Inter,sans-serif;background-color:#070b14;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;font-weight:700}code,pre{font-family:JetBrains Mono,monospace}}@layer components{.glass-card{@apply backdrop-blur-xl bg-white/5 border border-white/10 rounded-2xl;}.glow-teal{box-shadow:0 0 30px #06b6d44d,0 0 60px #06b6d41a}.glow-gold{box-shadow:0 0 30px #f59e0b4d,0 0 60px #f59e0b1a}.text-gradient-teal{@apply bg-clip-text text-transparent bg-gradient-to-r from-cyan-400 to-cyan-300;}.text-gradient-gold{@apply bg-clip-text text-transparent bg-gradient-to-r from-amber-400 to-amber-300;}.border-gradient{position:relative;background:linear-gradient(135deg,#0f1623,#131b2c)}.border-gradient:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#06b6d480,#f59e0b4d,#06b6d480);-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;animation:border-rotate 8s linear infinite}.btn-primary{@apply relative overflow-hidden px-6 py-3 rounded-xl font-semibold text-sm transition-all duration-300;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#070b14}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 40px #06b6d466}.btn-secondary{@apply px-6 py-3 rounded-xl font-semibold text-sm transition-all duration-300 border border-cyan-500/50 text-cyan-400 bg-transparent;}.btn-secondary:hover{@apply bg-cyan-500/10 border-cyan-500;transform:translateY(-2px)}.input-field{@apply w-full px-4 py-3 rounded-xl bg-[#0f1623] border border-white/10 text-white placeholder:text-gray-500 focus:outline-none focus:border-cyan-500/50 focus:ring-2 focus:ring-cyan-500/20 transition-all duration-300;}select.input-field{background-color:#0f1623;color:#fff}select.input-field option{background-color:#0f1623;color:#fff;padding:10px}.section-padding{@apply px-4 sm:px-6 lg:px-8 xl:px-12;}.kpi-card{@apply px-4 py-3 rounded-lg bg-white/5 border border-white/10 text-center;}.kpi-card:hover{@apply border-cyan-500/30 bg-cyan-500/5;transform:translateY(-2px);transition:all .3s var(--ease-expo-out)}}@layer utilities{.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float 6s ease-in-out infinite;animation-delay:-3s}.animate-pulse-glow{animation:pulse-glow 4s ease-in-out infinite}.animate-shimmer{animation:shimmer 3s linear infinite}.animate-border-rotate{animation:border-rotate 8s linear infinite}.animate-fade-in{animation:fade-in .6s var(--ease-expo-out) forwards}.animate-slide-up{animation:slide-up .6s var(--ease-expo-out) forwards}.animate-scale-in{animation:scale-in .5s var(--ease-spring) forwards}.text-balance{text-wrap:balance}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes border-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#070b14}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}::selection{background:#06b6d44d;color:#fff}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:#ffffff1a;height:8px;border-radius:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#06b6d4;height:20px;width:20px;border-radius:50%;margin-top:-6px;box-shadow:0 0 10px #06b6d480;transition:transform .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-track{background:#ffffff1a;height:8px;border-radius:4px}input[type=range]::-moz-range-thumb{background:#06b6d4;height:20px;width:20px;border-radius:50%;border:none;box-shadow:0 0 10px #06b6d480}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;background-color:#0f1623;color:#fff}select option{background-color:#0f1623;color:#fff;padding:12px;font-size:14px}select option:hover,select option:focus{background-color:#1e293b;color:#06b6d4}select:-moz-focusring{color:transparent;text-shadow:0 0 0 white}select::-webkit-select-menu{background-color:#0f1623}*:focus-visible{outline:2px solid #06b6d4;outline-offset:2px}button{cursor:pointer;border:none;background:none;font-family:inherit}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button,[role=button]{-webkit-user-select:none;user-select:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.glass-card{background:#0f1623cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.text-gradient-teal{background:linear-gradient(135deg,#22d3ee,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-glow-teal{box-shadow:0 0 30px #06b6d44d,0 0 60px #06b6d41a}.shadow-glow-gold{box-shadow:0 0 30px #f59e0b4d,0 0 60px #f59e0b1a}.card-hover{transition:all .3s cubic-bezier(.16,1,.3,1)}.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 40px #06b6d426}@media(max-width:640px){html{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}