@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;700&family=Unbounded:wght@600;800&display=swap";:root{color:#171713;font-synthesis:none;background:#f0ff72;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow:hidden}main{isolation:isolate;background:radial-gradient(circle at var(--x) var(--y), #fffcb8 0 9%, transparent 35%), #f0ff72;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}main:before{content:"";aspect-ratio:1;opacity:0;border:1px solid #17171333;border-radius:50%;width:min(64vw,860px);transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .7s;position:absolute;transform:scale(.65)}main.awake:before{opacity:1;transform:scale(1)}.grain{z-index:5;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:.25s steps(2,end) infinite noise;position:absolute;inset:-50%}@keyframes noise{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}section{z-index:2;text-align:center;opacity:0;transition:transform .9s cubic-bezier(.16,1,.3,1) .15s,opacity .8s .15s;position:relative;transform:translateY(24px)}.awake section{opacity:1;transform:none}h1{letter-spacing:-.09em;margin:0;font-family:Unbounded,sans-serif;font-size:clamp(68px,16vw,220px);font-weight:800;line-height:.82}h1 span{color:#5d43ff}section p{text-transform:uppercase;letter-spacing:.32em;margin:clamp(24px,4vw,48px) 0 0;font-size:clamp(12px,1.2vw,16px)}.asterisk{color:#5d43ff;font-size:clamp(28px,4vw,60px);animation:9s linear infinite spin;position:absolute;top:-4vw;right:-2vw}@keyframes spin{to{transform:rotate(360deg)}}.index,.status{z-index:3;letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700;position:absolute}.index{align-items:center;gap:12px;display:flex;top:34px;left:38px}.index span{background:currentColor;width:42px;height:1px;display:block}.status{align-items:center;gap:9px;display:flex;bottom:34px;right:38px}.status i{background:#5d43ff;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse;box-shadow:0 0 0 5px #5d43ff24}@keyframes pulse{50%{box-shadow:0 0 0 10px #5d43ff00}}.orb{filter:blur(1px);mix-blend-mode:multiply;opacity:.8;border-radius:50%;position:absolute}.orb-one{background:#ff7b68;width:170px;height:170px;animation:10s ease-in-out infinite alternate drift;bottom:12%;left:-60px}.orb-two{background:#72ddff;width:86px;height:86px;animation:8s ease-in-out 1s infinite alternate-reverse drift;top:9%;right:7%}@keyframes drift{to{transform:translate(35px,-28px)scale(1.08)}}@media (width<=600px){.index{top:24px;left:22px}.status{bottom:24px;right:22px}.asterisk{top:-52px;right:4px}main:before{width:92vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}