:root{font-family:system-ui,sans-serif;color:#e8edf4;background:#101923}*{box-sizing:border-box}body{margin:0;padding:48px 20px}main{max-width:680px;margin:auto}.tag{color:#65e4b4;letter-spacing:.15em;font-size:.8rem}h1{font-size:clamp(2rem,6vw,3rem);line-height:1.1}p{line-height:1.6;color:#b9c8d9}form{display:grid;gap:20px;margin:32px 0}label{display:grid;gap:8px}input,button{font:inherit;padding:14px;border-radius:8px;border:1px solid #63758a}input{background:#1b2938;color:white}button{background:#65e4b4;color:#10251f;font-weight:700;cursor:pointer}button:disabled{opacity:.5}output{display:block;font-size:1.5rem;color:#65e4b4;min-height:2em}aside{border-top:1px solid #405265;padding-top:24px;margin-top:24px}