@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)}.star-border-container{position:relative;display:inline-block;overflow:hidden;border-radius:9999px;background:transparent;cursor:pointer;border:none;color:inherit;font:inherit}.star-border-container .border-gradient-bottom,.star-border-container .border-gradient-top{position:absolute;width:300%;height:100%;pointer-events:none;opacity:1;z-index:0;filter:blur(3px)}.star-border-container .border-gradient-bottom{bottom:-50%;right:-250%;animation-name:star-movement-bottom;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate}.star-border-container .border-gradient-top{top:-50%;left:-250%;animation-name:star-movement-top;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate}.star-border-container .inner-content{position:relative;z-index:1;background:#0a0613;border:1px solid rgba(255,255,255,.08);color:#fff;text-align:center;padding:16px 28px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;font-size:1rem;line-height:1;transition:transform .15s ease,border-color .2s ease}.star-border-container:hover .inner-content{transform:scale(1.04);border-color:#ffffff2e}.star-border-container:active .inner-content{transform:scale(.98)}@keyframes star-movement-bottom{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes star-movement-top{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}