@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&display=swap');
:root{color-scheme:dark;background:#090c12;color:#f0f2ed;font-family:Manrope,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;overflow:hidden;min-height:100svh;background:radial-gradient(ellipse at 66% 45%,#20342d 0,transparent 56%)}
#scene,.vignette{position:fixed;inset:0;pointer-events:none}canvas{display:block;width:100%;height:100%}
.vignette{background:linear-gradient(90deg,rgba(9,12,18,.25),transparent 60%),radial-gradient(ellipse at center,transparent 35%,rgba(9,12,18,.65) 100%)}
main{position:relative;min-height:100svh;display:flex;align-items:center;padding:8vw;isolation:isolate}
h1{position:relative;margin:0;font-size:clamp(90px,14.5vw,230px);font-weight:700;letter-spacing:-.085em;line-height:.94;text-shadow:0 6px 60px #090c1240;user-select:none}
h1 span{color:#b9f690}h1 i{display:inline-block;color:#b9f690;font-size:.38em;font-style:normal;font-weight:400;vertical-align:top;margin:0 0 0 .5em;animation:turn 35s linear infinite}
@keyframes turn{to{transform:rotate(360deg)}}
@media(max-width:640px){main{padding:8vw;align-items:center}h1{font-size:23vw}h1 i{margin-left:.35em}.vignette{background:radial-gradient(ellipse at center,transparent,#090c1260)}}
@media(prefers-reduced-motion:reduce){h1 i{animation:none}}