html,body{margin:0;height:100%;background:#05071a;overflow:hidden}
#sky{position:fixed;inset:0;width:100%;height:100%;display:block}
h1{position:fixed;left:50%;top:50%;margin:0;z-index:2;
 transform:translate(calc(-50% + var(--tx,0px)),calc(-50% + var(--ty,0px)));
 font:200 clamp(2.2rem,8.5vw,7rem)/1 "Helvetica Neue","Segoe UI",system-ui,sans-serif;
 letter-spacing:.16em;padding-left:.16em;color:#f6f3ff;white-space:nowrap;
 text-shadow:0 0 28px rgba(200,180,255,.55),0 0 90px rgba(120,140,255,.35),0 2px 40px rgba(0,0,20,.5);
 user-select:none;-webkit-user-select:none;pointer-events:none;
 animation:rise 3.2s cubic-bezier(.2,.7,.2,1) .4s both}
h1 i{font-style:normal;color:#ffd9a0;text-shadow:0 0 24px rgba(255,200,120,.8)}
@keyframes rise{from{opacity:0;filter:blur(14px);letter-spacing:.34em}to{opacity:1;filter:blur(0);letter-spacing:.16em}}
@media (prefers-reduced-motion:reduce){h1{animation:none}}