:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#100b2f;color:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 90% 5%,#49349d,#100b2f 55%);font-size:18px;line-height:1.65}main{width:min(46rem,calc(100% - 2rem));padding:clamp(1.5rem,5vw,4rem);background:#ffffff12;border:1px solid #ffffff2b;border-radius:2rem}h1{margin-top:0;color:#ffd84d;font-size:clamp(2rem,7vw,4rem);line-height:1.05}h2{color:#53e8d4;margin-top:2rem}a{color:#b9f453}.button{display:inline-block;margin-top:1rem;padding:.8rem 1.3rem;border-radius:1rem;background:#53e8d4;color:#100b2f;font-weight:800;text-decoration:none}nav{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}small{color:#d7d0f7}