body{margin:0;background:#f2f5fb;font:16px system-ui;color:#1c2c48}main{max-width:400px;margin:10vh auto;padding:30px;background:white;border-radius:18px}label{display:block;margin:18px 0}input:not([type=checkbox]){display:block;box-sizing:border-box;width:100%;padding:12px;margin-top:8px;border:1px solid #cbd7eb;border-radius:8px;font:inherit}button{width:100%;background:#e81136;border:0;color:white;border-radius:8px;padding:13px;font:inherit;font-weight:bold}button:disabled{opacity:.5}p{font-size:14px;color:#64748b;line-height:1.6}#result{color:#b7193c}[hidden]{display:none!important}