*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#0b0e13;color:#e6edf3;font:15px/1.5 system-ui,Segoe UI,Inter,sans-serif}
body{display:grid;place-items:center;padding:16px;
  background:radial-gradient(900px 500px at 50% -10%,rgba(232,194,106,.12),transparent),#0b0e13}
.box{width:100%;max-width:380px;background:#121720;border:1px solid #232b38;border-radius:16px;padding:28px}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}
.brand b{display:block;font-size:18px}.brand small{color:#8b96a5;font-size:12px}
.logo{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#1b1406;background:linear-gradient(135deg,#f6dc8f,#c9962d)}
form{display:grid;gap:14px}
label{display:grid;gap:6px;font-size:12px;color:#8b96a5;font-weight:600}
label span{font-weight:400}
input{font:inherit;color:#e6edf3;background:#171d28;border:1px solid #2a3241;border-radius:10px;padding:11px 12px}
input:focus{outline:2px solid #c9962d;border-color:transparent}
button{font:700 15px system-ui,sans-serif;color:#1b1406;background:linear-gradient(135deg,#f6dc8f,#c9962d);border:0;border-radius:10px;padding:12px;cursor:pointer;margin-top:4px}
button:disabled{opacity:.6;cursor:wait}
.msg{min-height:20px;color:#ff4d5e;font-size:13px}
.foot{margin-top:14px;color:#5c6370;font-size:11px}