:root{font-family:system-ui,sans-serif;color:#17202a;background:#f4f6f8}body{margin:0}main{max-width:520px;margin:10vh auto;padding:32px;background:#fff;border-radius:20px;box-shadow:0 12px 36px #17202a18}h1{font-size:2.2rem;line-height:1.05}.eyebrow{font-size:.75rem;letter-spacing:.16em;color:#65717d}label{display:block;margin:24px 0 12px;font-weight:600}input{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:13px;border:1px solid #ccd4dc;border-radius:10px;font-size:1rem}button{border:0;border-radius:10px;padding:13px 18px;background:#1264d8;color:#fff;font-size:1rem;cursor:pointer}#result{margin-top:24px;padding:16px;background:#eef5ff;border-radius:12px;white-space:pre-wrap}