*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:#f5f5f2;color:#0a142f;font:16px/1.6 Cairo,Tahoma,sans-serif}main{width:min(92vw,440px);padding:clamp(24px,5vw,44px);background:white;border:1px solid #dddcd7;border-radius:12px}.brand{text-align:right;font:700 17px/1.4 Arial,sans-serif;letter-spacing:1px}.brand span{font-weight:400}h1{margin:1.2em 0 .6em;font-size:30px}form,label{display:grid;gap:6px}form{gap:18px}small{font-weight:400}input,button{font:inherit;border-radius:6px;border:1px solid #bcbec5;min-height:44px;padding:8px 12px}button{background:#0a142f;color:#fff;font-weight:700;cursor:pointer}a{display:inline-block;margin-top:18px;color:#25385a}input:focus,button:focus,a:focus{outline:3px solid #d5a14e;outline-offset:2px}.error{color:#9c2828}