*{box-sizing:border-box}body{min-height:100vh;display:grid;place-items:center;margin:0;font-family:system-ui,sans-serif;background:linear-gradient(145deg,#f4f1ff,#ebf5ff);color:#1b2040}main{text-align:center;background:white;max-width:500px;width:92%;padding:40px;border-radius:22px;box-shadow:0 15px 42px #29294319}h1{margin:0 0 12px}output{display:block;margin:28px;font-size:84px;font-weight:700;color:#6359df}button{border:0;border-radius:10px;padding:12px 20px;background:#6359df;color:white;cursor:pointer;font-weight:700;margin:4px}button:hover{filter:brightness(.9)}.hint{font-size:13px;color:#6a6d7d}