*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#14213d;font:15px/1.5 "Segoe UI",system-ui,Arial,sans-serif;color:#1c2333;padding:16px}
.box{background:#fff;border-radius:14px;padding:28px;width:min(400px,100%);box-shadow:0 10px 40px #0006;border-top:5px solid #e0a526}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}.brand img,.brand .lg{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#e0a526;color:#14213d;display:grid;place-items:center;font-weight:800}
.brand b{display:block;font-size:16px;line-height:1.2}.brand small{color:#9a6b00}
h1{font-size:20px;margin:0 0 10px}label{display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:12px}
input{display:block;width:100%;margin-top:4px;padding:10px 11px;border:1px solid #cfd5e1;border-radius:8px;font:inherit}input:focus{outline:2px solid #e0a52677;border-color:#e0a526}
button{width:100%;padding:11px;border:0;border-radius:8px;background:#14213d;color:#fff;font:inherit;font-weight:700;cursor:pointer;margin-top:4px}button:hover{background:#1d2d50}
.err{background:#fbe7e4;color:#8b1e12;padding:9px 11px;border-radius:8px}.info{background:#eaf1ff;color:#1e3a75;padding:9px 11px;border-radius:8px}.mut{color:#6b7385;font-size:12.5px;text-align:center;margin-bottom:0}
h2{font-size:14px;margin:18px 0 8px;color:#14213d;border-bottom:1px solid #e2e6ee;padding-bottom:4px}