* { box-sizing: border-box; }
body { margin: 0; background: #101722; color: #ecf2fb; font: 18px/1.6 system-ui, sans-serif; }
main { max-width: 860px; margin: 12vh auto; padding: 28px; }
.label { color: #9be5c8; }
h1 { font-size: clamp(40px, 8vw, 76px); line-height: 1.08; letter-spacing: -.05em; }
p { max-width: 560px; }
button { background: #9be5c8; color: #101722; padding: 14px 22px; border: 0; border-radius: 10px; font: inherit; cursor: pointer; }
button:hover { background: #b9f5de; }
button:focus-visible { outline: 3px solid white; outline-offset: 5px; }
#result { min-height: 2em; }