*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#06030e}body{overflow:hidden}.scene{position:relative;min-height:100svh;isolation:isolate;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#251034 0%,#0d0719 45%,#040309 85%);color:#fff}.stars{position:absolute;inset:-20%;opacity:.65;background-image:radial-gradient(1px 1px at 12% 23%,#fff 70%,transparent),radial-gradient(1px 1px at 62% 71%,#bd92ff 70%,transparent),radial-gradient(1px 1px at 82% 39%,#fff 70%,transparent),radial-gradient(1.5px 1.5px at 31% 83%,#be9fe6 70%,transparent);background-size:217px 257px,337px 311px,419px 383px,563px 439px;animation:drift 120s linear infinite}.halo{position:absolute;width:100vmin;height:100vmin;border-radius:50%;background:radial-gradient(circle,transparent 20%,#9a42ed15 35%,#aa55ff20 43%,transparent 67%);filter:blur(20px);animation:breathe 10s ease-in-out infinite alternate}.orbit{position:absolute;width:min(145vw,1700px);height:min(145vw,1700px);transform:translateY(7vmin) rotate(-16deg) rotateX(64deg);border-radius:50%}.disc{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 1deg,#ba66f7aa 1.1deg 1.3deg,transparent 1.5deg 3deg),repeating-radial-gradient(circle,transparent 0 13px,#ac55ed66 14px,transparent 16px 25px);mask-image:radial-gradient(circle,transparent 0 21%,#000 26% 49%,transparent 69%);animation:spin 110s linear infinite}.secondary{inset:7%;opacity:.65;animation-direction:reverse;animation-duration:150s;filter:blur(.7px);background:repeating-conic-gradient(transparent 0deg 2deg,#f0c8ffbb 2.2deg 2.5deg,transparent 2.7deg 5deg)}.core{position:absolute;width:44vmin;height:44vmin;transform:translateY(-2vmin);border-radius:50%;background:radial-gradient(circle at 50% 75%,#080311,#030106 70%);box-shadow:0 -6px 10px #f7dfff,0 -14px 30px #c17aff,0 0 80px #a237ea90,inset 0 12px 28px #361349}.core:before{content:"";position:absolute;inset:-10%;border:1px solid #cda1ff25;border-radius:50%;box-shadow:0 0 30px #ae59ff33}h1{position:relative;z-index:2;margin:0;padding:0 24px;font:600 clamp(42px,10.8vw,160px)/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.075em;text-shadow:0 3px 35px #08020e,0 0 90px #cf9cff60;animation:arrive 1.8s ease-out both}h1 span{color:#c298ed}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 15vw 4vw #030208}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{to{transform:translate3d(3%,2%,0)}}@keyframes breathe{to{transform:scale(1.12);opacity:.7}}@keyframes arrive{from{opacity:0;filter:blur(12px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@media(max-width:600px){.orbit{width:220vw;height:220vw}.core{width:57vmin;height:57vmin}.halo{width:130vmin;height:130vmin}}@media(prefers-reduced-motion:reduce){.scene *{animation:none!important}}