@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:Inter,sans-serif;background-color:#030208;color:#f8fafc;-webkit-font-smoothing:antialiased}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.text-glow{text-shadow:0 0 30px rgba(168,85,247,.5)}.glow-text{text-shadow:0 0 16px rgba(34,211,238,.5),0 0 40px rgba(168,85,247,.3)}.grid-bg{background-size:80px 80px;background-image:linear-gradient(to right,rgba(248,250,252,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(248,250,252,.02) 1px,transparent 1px);mask-image:radial-gradient(circle at center,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%)}.spring-transition{transition:all .6s cubic-bezier(.16,1,.3,1)}.glass-panel{background:#0b0a1499;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(248,250,252,.08);box-shadow:inset 0 0 20px #f8fafc05}.animate-on-load{opacity:0;transform:translateY(30px);animation:fadeUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.animate-sonar{animation:sonar-wave 3s cubic-bezier(0,0,.2,1) infinite}@keyframes sonar-wave{0%{r:10px;opacity:.6;stroke-width:1px}to{r:80px;opacity:0;stroke-width:0px}}.button-hover{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.button-hover:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 30px #a855f74d}.card-float{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.card-float:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 20px 40px #00000080,0 0 20px #a855f726;z-index:10}.glow-card{transition:box-shadow .3s ease,border-color .3s ease}.glow-card:hover{box-shadow:0 0 40px #a855f740,inset 0 0 20px #22d3ee1a;border-color:#a855f766}@keyframes pulse-ring{0%{transform:scale(.8);box-shadow:0 0 #a855f7b3}70%{transform:scale(1);box-shadow:0 0 0 10px #a855f700}to{transform:scale(.8);box-shadow:0 0 #a855f700}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes glow-breathe{0%,to{box-shadow:0 0 20px #a855f733}50%{box-shadow:0 0 60px #a855f780,0 0 20px #22d3ee4d}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pan-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-pulse-ring{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-glow-breathe{animation:glow-breathe 4s ease-in-out infinite}.animate-gradient-shift{background-size:200% 200%;animation:gradient-shift 5s ease infinite}.animate-pan-gradient{background-size:200% 200%;animation:pan-gradient 15s ease infinite}.shimmer-border{position:relative}.shimmer-border:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:shimmer 3s infinite linear;z-index:-1;pointer-events:none}.vibe-gradient{background:linear-gradient(135deg,#a855f7,#22d3ee,#ec4899)}.vibe-gradient-text{background:linear-gradient(135deg,#a855f7,#22d3ee,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pb-safe{padding-bottom:env(safe-area-inset-bottom,16px)}