:root{--bg: #07070b;--indigo: #5B5BFF;--violet: #A855F7;--font-body: "Inter Variable", ui-sans-serif, system-ui, -apple-system, sans-serif}html{background:var(--bg)}body{font-family:var(--font-body);background:var(--bg);color:#fff;overflow-x:hidden;font-feature-settings:"cv11","ss01","ss03"}#root{overflow-x:clip}.glass{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.grad-text{background:linear-gradient(90deg,#8f8fff,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent}.grad-btn{background:linear-gradient(90deg,var(--indigo) 0%,var(--violet) 100%);box-shadow:0 0 0 1px #ffffff14 inset,0 10px 30px -10px #7c5cffb3;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.grad-btn:hover{filter:brightness(1.08);box-shadow:0 0 0 1px #ffffff1f inset,0 14px 40px -10px #7c5cffe6}.grad-btn:active{transform:translateY(1px)}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.glow-card{position:relative;overflow:hidden}.glow-card:before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%),rgba(124,92,255,.18),transparent 45%);opacity:0;transition:opacity .35s ease;pointer-events:none}.glow-card:hover:before{opacity:1}.glow-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(360px circle at var(--mx, 50%) var(--my, 50%),rgba(168,85,247,.6),transparent 55%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s ease;pointer-events:none}.glow-card:hover:after{opacity:1}.mesh-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.mesh-bg:before,.mesh-bg:after,.mesh-bg .blob{content:"";position:absolute;border-radius:9999px;filter:blur(80px);opacity:.55;will-change:transform}.mesh-bg:before{width:60vw;height:60vw;max-width:760px;max-height:760px;left:-15%;top:-20%;background:radial-gradient(circle at 30% 30%,#5B5BFF,transparent 60%);animation:drift1 18s ease-in-out infinite alternate}.mesh-bg:after{width:55vw;height:55vw;max-width:680px;max-height:680px;right:-10%;top:5%;background:radial-gradient(circle at 60% 40%,#A855F7,transparent 60%);animation:drift2 22s ease-in-out infinite alternate}.mesh-bg .blob{width:40vw;height:40vw;max-width:520px;max-height:520px;left:35%;bottom:-25%;background:radial-gradient(circle,#3b2ea8,transparent 60%);animation:drift3 26s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate(0) scale(1)}to{transform:translate(8%,12%) scale(1.15)}}@keyframes drift2{0%{transform:translate(0) scale(1.05)}to{transform:translate(-10%,10%) scale(.9)}}@keyframes drift3{0%{transform:translate(0)}to{transform:translate(-12%,-10%) scale(1.2)}}.grid-fade{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 70%)}.static-blob{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.28),transparent 35%),conic-gradient(from 210deg,#5b5bff,#a855f7,#5b5bff);filter:blur(2px) saturate(1.2);box-shadow:0 0 120px 20px #7c5cff59,inset 0 0 60px #ffffff26}@keyframes wavebar{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.wave-bar{transform-origin:center;animation:wavebar .9s ease-in-out infinite;animation-play-state:paused}.wave-bar.playing{animation-play-state:running}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shimmer{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff2e,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.6s linear infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #34d39999}70%{box-shadow:0 0 0 7px #34d39900}}.status-dot{animation:pulse-dot 2s ease-out infinite}@media(prefers-reduced-motion:reduce){.mesh-bg:before,.mesh-bg:after,.mesh-bg .blob,.wave-bar,.shimmer,.status-dot{animation:none!important}}
