:root{color-scheme:dark}html,body{height:100%}body{margin:0;background:#050613;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{position:relative;isolation:isolate;background:radial-gradient(1200px circle at 20% 10%,rgba(99,102,241,.22),transparent 55%),radial-gradient(900px circle at 85% 85%,rgba(16,185,129,.18),transparent 55%),radial-gradient(1100px circle at 60% 35%,rgba(236,72,153,.08),transparent 60%),linear-gradient(180deg,#06081a,#050613 55%,#02030a)}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:.12;background-image:radial-gradient(rgba(148,163,184,.9) 1px,transparent 1px);background-size:26px 26px;animation:grid-drift 40s linear infinite;-webkit-mask-image:radial-gradient(ellipse at top,black 0%,transparent 60%);mask-image:radial-gradient(ellipse at top,black 0%,transparent 60%)}.app-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:.55;background:radial-gradient(closest-side at 40% 20%,rgba(255,255,255,.07),transparent 55%),radial-gradient(closest-side at 70% 55%,rgba(255,255,255,.05),transparent 60%);animation:ambient-sheen 10s ease-in-out infinite}@keyframes grid-drift{0%{background-position:0 0}to{background-position:26px 26px}}@keyframes ambient-sheen{0%,to{opacity:.5}50%{opacity:.72}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in{animation:fade-in .22s ease-out both}.animate-scale-in{animation:scale-in .26s cubic-bezier(.16,1,.3,1) both}@media(prefers-reduced-motion:reduce){.animate-fade-in,.animate-scale-in,.app-shell:before,.app-shell:after{animation:none!important}}