:root,.dark{--background:#1a0d2e;--card:#241046;--card-foreground:#f8f4ff;--popover:#241046;--popover-foreground:#f8f4ff;--secondary:#2d1552;--secondary-foreground:#f8f4ff;--muted:#2d1552d1;--muted-foreground:#f8f4ffb8;--input:#2d1552b8;--sidebar:#160a28;--sidebar-accent:#241046;--gradient-night:linear-gradient(180deg, #241046 0%, #1f0e3a 34%, #1a0d2e 68%, #160a28 100%);--gradient-card:linear-gradient(160deg, #241046f0 0%, #160a28f7 100%);--shadow-card:0 24px 54px -30px #05020ff0}body{isolation:isolate;background-color:#1a0d2e;background-image:radial-gradient(circle at 22px 28px, #f8f4ff1f 0 .9px, transparent 1.35px), radial-gradient(circle at 118px 94px, #f2d34f1f 0 .85px, transparent 1.25px), radial-gradient(circle at 54px 146px, #f8f4ff12 0 .7px, transparent 1.1px), radial-gradient(ellipse at 16% 8%, #6d3faa1f 0%, transparent 34%), radial-gradient(ellipse at 84% 22%, #f2d34f0d 0%, transparent 28%), var(--gradient-night);background-attachment:fixed;position:relative;overflow-x:hidden}body:before,body:after{content:"";z-index:-1;pointer-events:none;will-change:transform, opacity, background-position, filter;position:fixed;inset:-14vh -12vw}body:before{opacity:.96;filter:drop-shadow(0 0 5px #fff8dc42);background-image:radial-gradient(circle,#fffceb 0 1.8px,#ffe6919e 2.2px,#0000 4.2px),radial-gradient(circle,#fffffffa 0 1.2px,#fff3 1.7px,#0000 3px),radial-gradient(circle,#ffdd5cfa 0 1.45px,#f2d34f47 2px,#0000 3.8px),radial-gradient(circle,#ffffffd6 0 .95px,#0000 2.2px),radial-gradient(circle,#fff6c6eb 0 1.15px,#ffe5842e 1.8px,#0000 3.1px);background-position:12px 36px,78px 104px,132px 20px,42px 72px,165px 128px;background-size:205px 225px,150px 175px,275px 255px,116px 138px,238px 214px;animation:28s linear infinite star-drift-a,3.2s ease-in-out infinite alternate star-twinkle-a}body:after{opacity:.72;filter:drop-shadow(0 0 7px #f2d34f33);background-image:radial-gradient(circle,#fff8dafa 0 2.15px,#f2d34f66 2.8px,#0000 5px),radial-gradient(circle,#ffffffe0 0 1px,#ffffff24 1.55px,#0000 2.7px),radial-gradient(circle,#ffde66e6 0 1.2px,#f2d34f33 1.8px,#0000 3.2px),radial-gradient(circle,#ffffffc7 0 .8px,#0000 2px);background-position:25px 90px,145px 15px,70px 160px,18px 46px;background-size:330px 310px,185px 198px,245px 280px,142px 158px;animation:38s linear infinite star-drift-b,4.1s ease-in-out infinite alternate star-twinkle-b}@keyframes star-drift-a{0%{background-position:12px 36px,78px 104px,132px 20px,42px 72px,165px 128px;transform:translate(0)}50%{background-position:50px 4px,48px 143px,172px -24px,12px 112px,202px 86px;transform:translate(1.4vw,-2.2vh)}to{background-position:88px -28px,18px 182px,212px -68px,-18px 152px,239px 44px;transform:translateY(-4.2vh)}}@keyframes star-drift-b{0%{transform:translateY(1.8vh)scale(1.01)}50%{transform:translate(-1.8vw,-1vh)scale(1.018)}to{transform:translate(-3.6vw,-3.6vh)scale(1.01)}}@keyframes star-twinkle-a{0%,12%{opacity:.48;filter:brightness(.92)drop-shadow(0 0 2px #ffffff1a)}32%{opacity:1;filter:brightness(1.24)drop-shadow(0 0 8px #ffffff6b)drop-shadow(0 0 14px #f2d34f3d)}55%{opacity:.64;filter:brightness()drop-shadow(0 0 4px #fff7d229)}78%{opacity:.94;filter:brightness(1.16)drop-shadow(0 0 7px #ffffff52)}to{opacity:.58;filter:brightness(.96)drop-shadow(0 0 3px #f2d34f24)}}@keyframes star-twinkle-b{0%{opacity:.34;filter:brightness(.9)drop-shadow(0 0 2px #ffffff14)}38%{opacity:.86;filter:brightness(1.2)drop-shadow(0 0 9px #ffefae57)}68%{opacity:.48;filter:brightness()drop-shadow(0 0 4px #ffffff24)}to{opacity:.92;filter:brightness(1.26)drop-shadow(0 0 10px #fff7d661)}}@media (prefers-reduced-motion:reduce){body:before,body:after{animation:none;transform:none}}#main-content{isolation:isolate;position:relative}#main-content:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 0,#6035911a,#0000 36%),linear-gradient(#24104629,#160a280f);position:absolute;inset:0}.surface-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,#241046eb,#160a28f5);border-color:#f2d34f24;box-shadow:0 20px 44px -30px #05020ff0}