@tailwind base;@tailwind components;@tailwind utilities;@layer utilities{.animate-particle-explosion{animation:particle-explosion .8s ease-out forwards}.animate-meteor{animation:meteor 3s linear infinite}.animate-scan-slow{animation:scan-slow 8s linear infinite}.clip-corner-br{clip-path:polygon(0 0,100% 0,100% 85%,92% 100%,0 100%)}.tactical-border-tl{clip-path:polygon(0 15%,15% 0,100% 0,100% 100%,0 100%)}.tactical-border-tr{clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,0 100%)}.tactical-border-bl{clip-path:polygon(0 0,100% 0,100% 100%,15% 100%,0 85%)}.cyber-grid{background-image:linear-gradient(rgba(6,182,212,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.05) 1px,transparent 1px);background-size:30px 30px}.cyber-grid-hex{background-image:url("data:image/svg+xml,%3Csvg width='60' height='104' viewBox='0 0 60 104' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 104V78h-2l-1.5 2.5L55 78h-2.5l-1.5 2.5L48 78h-2.5l-1.5 2.5L42 78h-2.5l-1.5 2.5L35 78h-2.5l-1.5 2.5L28 78h-2.5l-1.5 2.5L21 78h-2.5l-1.5 2.5L14 78h-2.5l-1.5 2.5L7 78h-2.5l-1.5 2.5L0 78v26h60zM0 78V52h2l1.5-2.5L7 52h2.5l1.5-2.5L14 52h2.5l1.5-2.5L21 52h2.5l1.5-2.5L28 52h2.5l1.5-2.5L35 52h2.5l1.5-2.5L42 52h2.5l1.5-2.5L48 52h2.5l1.5-2.5L55 52h2.5l1.5-2.5L60 52v26H0zm0-26V26h2l1.5-2.5L7 26h2.5l1.5-2.5L14 26h2.5l1.5-2.5L21 26h2.5l1.5-2.5L28 26h2.5l1.5-2.5L35 26h2.5l1.5-2.5L42 26h2.5l1.5-2.5L48 26h2.5l1.5-2.5L55 26h2.5l1.5-2.5L60 26v26H0zm0-26V0h2l1.5 2.5L7 0h2.5l1.5 2.5L14 0h2.5l1.5 2.5L21 0h2.5l1.5 2.5L28 0h2.5l1.5 2.5L35 0h2.5l1.5 2.5L42 0h2.5l1.5 2.5L48 0h2.5l1.5 2.5L55 0h2.5l1.5 2.5L60 0v26H0z' fill='%2306b6d4' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E")}.animate-scan-v2{animation:scan-v2 4s linear infinite}.animate-rotate-scanner-slow{animation:rotate-scanner-slow 20s linear infinite}.animate-rotate-scanner-fast{animation:rotate-scanner-fast 12s linear infinite}.animate-scroll-data{animation:scroll-data-vertical 30s linear infinite}.group-hover\:animate-glitch:hover{animation:glitch-skew .3s ease-in-out infinite}.glass-hud{background:#0006;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(103,232,249,.1);box-shadow:0 8px 32px #0000005e}.tactical-bg-dot{background-image:radial-gradient(rgba(103,232,249,.1) 1px,transparent 1px);background-size:20px 20px}}.vertical-text{writing-mode:vertical-rl;text-orientation:mixed}@keyframes scan-v2{0%{transform:translateY(-100%);opacity:0}50%{opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes rotate-scanner-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-scanner-fast{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes scroll-data-vertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes glitch-skew{0%{transform:skew(0)}20%{transform:skew(3deg)}40%{transform:skew(-3deg)}60%{transform:skew(1deg)}80%{transform:skew(-1deg)}to{transform:skew(0)}}@keyframes signal-pulse{0%,to{opacity:.3;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1.2)}}.signal-bar{display:inline-block;width:3px;background:var(--primary-cyan);margin:0 1px;animation:signal-pulse 1s ease-in-out infinite}@keyframes particle-explosion{0%{transform:rotate(var(--angle)) translateY(0);opacity:1}to{transform:rotate(var(--angle)) translateY(20px);opacity:0}}@keyframes meteor{0%{transform:rotate(215deg) translate(0);opacity:0}10%{opacity:.8}20%{opacity:.8}to{transform:rotate(215deg) translate(-800px);opacity:0}}@keyframes scan-slow{0%{transform:translateY(-100%);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(1000%);opacity:0}}.cyber-accent-line{height:1px;background:linear-gradient(to right,transparent,#38bdf8,transparent);box-shadow:0 0 12px #22d3ee8c;width:100%;position:relative;overflow:hidden}.cyber-accent-line:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.8),transparent);animation:accent-shimmer 3s infinite linear}@keyframes accent-shimmer{0%{left:-100%}to{left:200%}}.transform-style-3d{transform-style:preserve-3d}body{background:radial-gradient(circle at 50% 50%,#0a0c18,#030305);color:#f2f2f2;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;letter-spacing:.05em}.glass-panel{position:relative;background:linear-gradient(145deg,#0f0f16f2,#14141efa,#0f0f16f2);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border-radius:12px;border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 1px #ffffff08,0 2px 10px -3px #00000080;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.glass-panel:hover{border-color:#00eaff4d;box-shadow:inset 0 1px #ffffff1a,0 8px 30px -5px #000000b3,0 0 20px #00eaff14;transform:translateY(-2px)}.glass-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");opacity:.2;pointer-events:none;z-index:0}.glass-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:1px;background:linear-gradient(to bottom right,rgba(255,255,255,.08),rgba(255,255,255,.02) 50%,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .3s ease;opacity:.6}.glass-panel:hover:after{opacity:1;background:linear-gradient(to bottom right,#00eaff52,#60a5fa2e)}:root{--primary-cyan: #67e8f9;--primary-glow: rgba(103, 232, 249, .68);--accent-amber: #60a5fa;--accent-amber-glow: rgba(96, 165, 250, .55);--primary-rgb: 103, 232, 249}.scanline-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#0000001a 50%);background-size:100% 4px;z-index:9999;pointer-events:none;opacity:.2}.vignette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 50%,rgba(0,0,0,.3) 100%);z-index:9998;pointer-events:none}@keyframes scan-moving{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.scan-bar{position:fixed;left:0;width:100%;height:15vh;background:linear-gradient(to bottom,transparent,rgba(0,234,255,.03),transparent);z-index:9997;pointer-events:none;animation:scan-moving 12s linear infinite}@keyframes border-flow{0%{left:-100%}to{left:100%}}.border-flow-container{position:relative;overflow:hidden}.border-flow-line{position:absolute;top:0;left:-100%;width:100%;height:1px;background:linear-gradient(to right,transparent,var(--primary-cyan),transparent);animation:border-flow 4s linear infinite}.text-flicker{animation:flicker .2s infinite alternate}@keyframes flicker{0%{opacity:.9;filter:drop-shadow(0 0 2px var(--primary-cyan))}to{opacity:1;filter:drop-shadow(0 0 5px var(--primary-cyan))}}.tactical-corner{position:absolute;width:10px;height:10px;border-color:var(--primary-cyan);opacity:.8}.custom-scrollbar::-webkit-scrollbar{width:3px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000004d}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--primary-cyan);border-radius:4px;box-shadow:0 0 10px var(--primary-glow)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--accent-amber);box-shadow:0 0 10px var(--accent-amber-glow)}:root{--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-cubic: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes backdropFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalEnter{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalExit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.96) translateY(-10px)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fadeSlideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonPress{0%{transform:scale(1)}40%{transform:scale(.96)}to{transform:scale(1)}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.7}}.animate-modal-enter{animation:modalEnter .4s var(--ease-out-quint) forwards}.animate-modal-exit{animation:modalExit .25s var(--ease-in-out-cubic) forwards}.animate-modal-slide-up{animation:modalSlideUp .5s var(--ease-out-expo) forwards}.animate-backdrop-in{animation:backdropFadeIn .3s ease-out forwards}.animate-backdrop-out{animation:backdropFadeOut .2s ease-in forwards}.animate-page-enter{animation:pageEnter .6s var(--ease-out-quart) forwards}.animate-stagger{animation:staggerFadeIn .5s var(--ease-out-quart) forwards;animation-delay:var(--stagger-delay, 0ms);opacity:0}.animate-button-press{animation:buttonPress .2s var(--ease-out-quart)}.hover-lift{transition:transform .3s var(--ease-out-quart),box-shadow .3s var(--ease-out-quart)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px #06b6d426}.hover-glow{transition:box-shadow .3s var(--ease-out-quart),border-color .3s var(--ease-out-quart)}.hover-glow:hover{box-shadow:0 0 20px #22d3ee4d;border-color:#22d3ee99}.btn-interactive{position:relative;overflow:hidden;transition:transform .2s var(--ease-out-quart),box-shadow .2s var(--ease-out-quart),background-color .2s var(--ease-out-quart)}.btn-interactive:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22d3ee33}.btn-interactive:active{transform:translateY(0) scale(.98);transition-duration:.1s}.btn-interactive:after{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;background:#fff3;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.btn-interactive:active:after{animation:ripple .4s ease-out forwards}.card-interactive{transition:transform .4s var(--ease-out-quart),box-shadow .4s var(--ease-out-quart),border-color .3s var(--ease-out-quart)}.card-interactive:hover{transform:translateY(-6px);box-shadow:0 20px 40px #06b6d41f}.input-glow{transition:border-color .3s var(--ease-out-quart),box-shadow .3s var(--ease-out-quart)}.input-glow:focus{border-color:#22d3ee99;box-shadow:0 0 0 3px #22d3ee1a,0 0 20px #22d3ee26}.link-underline{position:relative;text-decoration:none}.link-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width .3s var(--ease-out-quart)}.link-underline:hover:after{width:100%}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin 2s linear infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #22d3ee4d}50%{box-shadow:0 0 20px #22d3ee99,0 0 40px #22d3ee33}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}