:root{--brand:#183c60;--accent:#b74325;--ink:#182737;--paper:#fff;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.5}main{max-width:560px;margin:0 auto;padding:28px 24px}header{border-bottom:2px solid var(--accent);padding-bottom:12px;margin-bottom:28px}.brand{font-size:28px;font-weight:700;color:var(--brand)}.brand span{margin-left:12px}header p{margin:4px 0 0;color:#536374}h1{font-size:28px;line-height:1.2}h2{font-size:22px}label{display:block;font-weight:700;margin:24px 0 8px}input,button{width:100%;font:inherit;border-radius:6px;padding:14px}input{border:1px solid #738496;background:#fff;color:var(--ink)}button{border:0;background:var(--brand);color:white;font-weight:700;margin-top:16px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}input:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}section{margin-top:24px;padding:20px;background:#f0f4f7;border-radius:8px}section h2{margin-top:0}footer{font-size:14px;color:#536374;margin-top:32px}#message{min-height:24px}[hidden]{display:none!important}@media(max-width:380px){main{padding:20px 16px}.brand{font-size:24px}}