@font-face{font-family:Bai;src:url('assets/regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;background:#070b12;color:#f5f5f2;font-family:Bai,Arial,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#070b12;isolation:isolate}main{min-height:100svh;display:grid;place-items:center;padding:35px 18px 60px;overflow:hidden}.ambient{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#182a453b,transparent 58%),radial-gradient(ellipse at 12% 12%,#314f6f14,transparent 40%),radial-gradient(ellipse at 90% 83%,#9f7f3610,transparent 40%)}.brand-circle{container-type:inline-size;position:relative;display:grid;place-items:center;width:min(78vw,72svh,650px);aspect-ratio:1;border:1px solid #b8c9e032;border-radius:50%;background:radial-gradient(circle at center,#111d2c24,transparent 70%);box-shadow:0 0 75px -35px #9bbbe138,inset 0 0 65px -40px #a7c9e138}.circle-light{position:absolute;inset:-1px;border-radius:50%;border:1px solid transparent;border-top-color:#cfddf49c;border-right-color:#cfddf40d;transform:rotate(-32deg);pointer-events:none;mask-image:linear-gradient(100deg,transparent 7%,#000 40%,transparent 84%)}.center-copy{text-align:center;width:100%;padding-bottom:2cqi}h1{font-size:17.2cqi;letter-spacing:-.065em;font-weight:400;line-height:1.1;margin:0;white-space:nowrap;text-shadow:0 0 40px #a7c5ed12}h1>span{color:#f3c541;text-shadow:0 0 25px #f3c54130}p{margin:5.3cqi 0 0;color:#9da9b9;font-size:clamp(10px,2.3cqi,14px);font-weight:400;letter-spacing:.24em;line-height:1.8}.ellipsis{letter-spacing:.13em}.circle-spark{position:absolute;top:12%;right:12.4%;font-family:Georgia,serif;font-size:clamp(16px,4.8cqi,28px);color:#e1d1ac;background:#090e17;padding:0 4px;line-height:1}.glitter{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.glitter i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#b6c7df;opacity:.26;box-shadow:0 0 8px 1px #b6c7df20}.glitter i:nth-child(3n){background:#c9b784;box-shadow:0 0 10px 1px #e8d19f18}.glitter .sparkle{background:transparent;width:7px;height:7px;border-radius:0;box-shadow:none}.sparkle:before,.sparkle:after{content:'';position:absolute;inset:3px 0;background:linear-gradient(90deg,transparent,#d6deeb,transparent)}.sparkle:after{transform:rotate(90deg)}.motion-toggle{position:fixed;bottom:24px;right:28px;color:#8390a2;background:transparent;border:1px solid #8d9fb41f;border-radius:999px;padding:8px 13px;font:10px Bai,Arial,sans-serif;letter-spacing:.04em;cursor:pointer;transition:color .2s,border-color .2s}.motion-toggle:hover{color:#dee6f1;border-color:#8d9fb464}.motion-toggle:focus-visible{outline:2px solid #f3c541;outline-offset:4px}[hidden]{display:none!important}
@keyframes glitter{0%,100%{opacity:.13;transform:translateY(0) scale(.8)}45%{opacity:.75;transform:translateY(-6px) scale(1.1)}70%{opacity:.2;transform:translateY(-9px) scale(.9)}}@keyframes gleam{0%,100%{opacity:.45}50%{opacity:1}}@keyframes light-drift{0%,100%{transform:rotate(-32deg);opacity:.7}50%{transform:rotate(12deg);opacity:1}}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.glitter i{animation:glitter var(--duration) var(--delay) ease-in-out infinite}.circle-spark{animation:gleam 7s ease-in-out infinite}.circle-light{animation:light-drift 20s ease-in-out infinite}.center-copy{animation:arrive 1.4s .1s both}}
.motion-paused *{animation-play-state:paused!important}.motion-paused .center-copy{animation:none;opacity:1;transform:none}
@media(max-width:600px){.brand-circle{width:min(88vw,72svh,650px)}main{padding-bottom:50px}.motion-toggle{bottom:20px;right:20px;font-size:9px}p{letter-spacing:.19em}}
.orbit-motion{position:absolute;inset:-1px;border-radius:50%;pointer-events:none;transform:rotate(45deg);--rainbow:conic-gradient(from 0deg,transparent 0deg 240deg,#8160ff00 247deg,#8160ff15 260deg,#9369ff45 278deg,#db75e87a 300deg,#ff86a9a6 316deg,#ffbf80bd 329deg,#f5e6a8d9 339deg,#9eeadfee 349deg,#b9ddffff 357deg,#f2e7ff 359.9deg,transparent 360deg)}.rainbow-trail,.rainbow-trail:after{position:absolute;inset:0;border-radius:50%;background:var(--rainbow);mask-image:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px),#000 calc(100% - 1px),transparent 100%)}.rainbow-trail:after{content:'';inset:-4px;filter:blur(4px);opacity:.7}.rainbow-trail{filter:drop-shadow(0 0 5px #b994ff70)}.circle-spark{top:0;left:50%;right:auto;width:clamp(26px,5.8cqi,38px);height:clamp(26px,5.8cqi,38px);padding:0;background:none;transform:translate(-50%,-50%);filter:drop-shadow(0 0 6px #c8b3ffad) drop-shadow(0 0 16px #85caff57)}.circle-spark svg{display:block;width:100%;height:100%;overflow:visible}.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
@keyframes orbit-star{from{transform:rotate(45deg)}to{transform:rotate(405deg)}}
@media(prefers-reduced-motion:no-preference){.orbit-motion{animation:orbit-star 16s linear infinite}}
main{padding:36px 18px}.center-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.brand-emblem{display:block;width:43cqi;height:43cqi;object-fit:cover;border-radius:50%;clip-path:circle(48% at 49% 50%);margin-bottom:1cqi;filter:drop-shadow(0 0 18px #2066c732)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}