*{box-sizing:border-box}body{margin:0;background:#f5efe2;color:#0e0e0c;font-family:Arial,Helvetica,sans-serif}main{max-width:530px;margin:12vh auto;padding:30px}.brand{font-size:26px;font-weight:900;letter-spacing:-1px}.brand span{color:#946400}.label{margin-top:48px;font:11px monospace;letter-spacing:2px}h1{font-size:44px;line-height:1.02;letter-spacing:-1.8px}p{line-height:1.6;color:#514d43}label{font-size:14px;font-weight:bold;display:block;margin:26px 0 9px}input{width:100%;padding:15px;font-size:18px;border:1px solid #bcb3a2;background:#fffdf8;border-radius:3px}button{width:100%;padding:16px;border:0;border-radius:3px;margin-top:16px;background:#0e0e0c;color:#f5efe2;font-size:15px;font-weight:bold;cursor:pointer}button:hover{background:#f2b33d;color:#0e0e0c}input:focus,button:focus-visible{outline:3px solid #2fb8a8;outline-offset:3px}.error{color:#9c2616}.footer{border-top:1px solid #d4ccbb;margin-top:32px;padding-top:20px;font:11px monospace;letter-spacing:1px}@media(max-width:500px){main{margin-top:5vh;padding:25px}h1{font-size:38px}}