*{box-sizing:border-box}body{margin:0;background:#07030d;color:#fff;font-family:"DM Sans",sans-serif}main{height:100svh;min-height:620px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 5%,#35145b,#07030d 62%)}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}header{position:absolute;z-index:2;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;gap:10px}header>*{padding:11px 14px;border:1px solid #ffffff26;border-radius:14px;background:#11071bc9;color:#fff;text-decoration:none;font-size:12px}header b{display:block;font:800 22px Manrope}section{position:absolute;z-index:3;inset:0;display:grid;place-content:center;padding:24px;text-align:center;background:#07030d99;backdrop-filter:blur(8px)}section p{color:#c68cff;font-size:12px;font-weight:800;letter-spacing:.18em}h1{margin:12px 0;font:800 clamp(58px,16vw,128px)/.76 Manrope;letter-spacing:-.09em}h1 i{color:transparent;-webkit-text-stroke:1px #d8a9ff;font-style:normal}section div{display:flex;justify-content:center;gap:12px;margin:28px 0}section div b{display:grid;place-items:center;width:64px;height:64px;border:2px solid #ffc957;border-radius:50%;box-shadow:0 0 24px #ffc957;color:#ffc957;font:800 20px Manrope}button,section a{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:0 22px;border:0;border-radius:999px;background:#fff;color:#08030e;font:800 14px "DM Sans";text-decoration:none;cursor:pointer}#result h2{margin:0;font:800 clamp(90px,25vw,170px)/1 Manrope;color:#ffc957;text-shadow:0 0 45px #ffc957}#result a{margin-top:10px;background:transparent;color:#fff;border:1px solid #ffffff44}