:root{font-family:Arial,sans-serif;color:#0b2832;background:#f5f7f6;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:32px 20px}main{width:min(100%,520px)}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}header img{height:auto}header span{font-size:.75rem;letter-spacing:.12em;color:#586b70}section{background:white;border:1px solid #d9e1e1;border-top:4px solid #cfa23d;padding:36px;border-radius:8px;box-shadow:0 18px 50px #0b28320a}h1{font-size:2rem;letter-spacing:-.06rem;line-height:1.15;margin:0 0 24px}p{line-height:1.6}label{display:block;font-weight:600;margin:22px 0 8px}.input-row{display:flex;border:1px solid #80969b;border-radius:6px;overflow:hidden}input{min-width:0;width:100%;padding:14px 12px;font:inherit;border:0}.reveal{width:auto;background:white;color:#174c5b;font-size:.875rem;padding:10px;min-height:48px;border-radius:0}button{font:inherit;font-weight:600;background:#174c5b;color:white;border:0;padding:16px 20px;border-radius:6px;cursor:pointer;width:100%}button:disabled{opacity:.65;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #cfa23d;outline-offset:-3px}.hint,footer{font-size:.875rem;color:#586b70;line-height:1.6}footer{padding:22px 12px;text-align:center}#status[data-error=true]{color:#a32d23}#success{font-weight:600;color:#174c5b}[hidden]{display:none!important}@media(max-width:480px){body{padding:24px 16px}section{padding:26px 20px}h1{font-size:1.75rem}header span{max-width:90px;line-height:1.5}}