@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:dark}html{scroll-behavior:smooth;background:#0a0a0f}body{margin:0;background:#0a0a0f;color:#f8fafc;font-family:Space Grotesk,sans-serif;overflow-x:hidden}h1,h2,h3,h4,.font-display{font-family:Orbitron,sans-serif}*{box-sizing:border-box}::selection{background:#00c3ff55;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#08080d}::-webkit-scrollbar-thumb{background:#00c3ff;border-radius:999px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #00c3ff40}50%{box-shadow:0 0 60px #00c3ffaa,0 0 100px #7b2ff740}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes orb-drift{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,15px)}}@keyframes morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}@keyframes particle-rise{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-120px) scale(0);opacity:0}}@keyframes rotate-y{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes shimmer-move{0%{background-position:-200% center}to{background-position:200% center}}@keyframes tilt-bob{0%,to{transform:perspective(600px) rotateX(8deg) rotateY(-8deg) translateY(0)}50%{transform:perspective(600px) rotateX(4deg) rotateY(4deg) translateY(-10px)}}@keyframes glow-ring{0%,to{box-shadow:0 0 #00c3ff44,0 0 25px #00c3ff55}50%{box-shadow:0 0 0 12px #00c3ff00,0 0 50px #00c3ffaa}}@keyframes scan-line{0%{top:-10%}to{top:110%}}@keyframes counter-spin{to{transform:rotate(-360deg)}}@keyframes depth-pulse{0%,to{transform:perspective(800px) rotateX(0) scale(1)}50%{transform:perspective(800px) rotateX(3deg) scale(1.02)}}@keyframes wave{0%,to{clip-path:polygon(0 60%,5% 55%,10% 60%,15% 65%,20% 60%,25% 55%,30% 60%,35% 65%,40% 60%,45% 55%,50% 60%,55% 65%,60% 60%,65% 55%,70% 60%,75% 65%,80% 60%,85% 55%,90% 60%,95% 65%,100% 60%,100% 100%,0 100%)}50%{clip-path:polygon(0 65%,5% 60%,10% 55%,15% 60%,20% 65%,25% 60%,30% 55%,35% 60%,40% 65%,45% 60%,50% 55%,55% 60%,60% 65%,65% 60%,70% 55%,75% 60%,80% 65%,85% 60%,90% 55%,95% 60%,100% 65%,100% 100%,0 100%)}}.animate-float{animation:float 5s ease-in-out infinite}.animate-glow-pulse{animation:glow-pulse 3s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 16s linear infinite}.animate-gradient-shift{background-size:200% 200%;animation:gradient-shift 5s ease infinite}.animate-slide-up{animation:slide-up .8s ease both}.animate-orb-drift{animation:orb-drift 10s ease-in-out infinite}.animate-morph{animation:morph 8s ease-in-out infinite}.animate-rotate-y{animation:rotate-y 8s linear infinite}.animate-shimmer{background-size:200% auto;animation:shimmer-move 3s linear infinite}.animate-tilt-bob{animation:tilt-bob 6s ease-in-out infinite}.animate-glow-ring{animation:glow-ring 2.5s ease-in-out infinite}.animate-depth-pulse{animation:depth-pulse 4s ease-in-out infinite}.animate-wave{animation:wave 4s ease-in-out infinite}.animate-counter-spin{animation:counter-spin 12s linear infinite}.animate-scan-line{animation:scan-line 3s linear infinite}.particle{animation:particle-rise var(--dur,3s) ease-out var(--delay,0s) infinite}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.neon-text{color:transparent;background:linear-gradient(135deg,#00c3ff,#7b2ff7);background-clip:text;-webkit-background-clip:text}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00c3ff,#7b2ff7);color:#fff;padding:12px 32px;border-radius:50px;font-weight:600;position:relative;overflow:hidden;transition:.3s}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 30px #00c3ff66}.card-3d{transform-style:preserve-3d;transition:transform .3s ease}.card-3d:hover{transform:perspective(900px) rotateX(-5deg) rotateY(5deg) scale(1.02)}.card-3d-deep{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s ease}.card-3d-deep:hover{transform:perspective(1000px) rotateX(-8deg) rotateY(8deg) scale(1.03) translateZ(20px)}.neon-border{border:1px solid transparent;background-clip:padding-box;box-shadow:0 0 0 1px #00c3ff33,inset 0 0 0 1px #7b2ff733}.neon-border:hover{box-shadow:0 0 0 1px #00c3ff88,0 0 30px #00c3ff33,inset 0 0 0 1px #7b2ff788}.section-title{font-family:Orbitron,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.grid-bg{background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:40px 40px}.dot-bg{background-image:radial-gradient(#ffffff18 1px,transparent 1px);background-size:24px 24px}.underline-neon{height:4px;width:90px;border-radius:99px;background:linear-gradient(90deg,#00c3ff,#7b2ff7);box-shadow:0 0 18px #00c3ff88}input,select,textarea{outline:none}input:focus,select:focus,textarea:focus{border-color:#00c3ff!important;box-shadow:0 0 18px #00c3ff33}
