:root{--gold:#c8952d;--dark:#090909;--muted:#666;--bg:#f5f2ea;--danger:#b42318;--ok:#147a3f}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#070707,#2b210d 360px,#f5f2ea 361px);color:#161616;min-height:100vh}.top{padding:28px 18px 18px;text-align:center;color:#fff}.brand{font-size:24px;font-weight:800;letter-spacing:.5px}.sub{font-size:14px;opacity:.9;margin-top:6px}.wrap{width:100%;max-width:520px;margin:0 auto;padding:0 14px 34px}.card{background:#fff;border-radius:22px;padding:20px;box-shadow:0 18px 45px rgba(0,0,0,.22);border:1px solid rgba(200,149,45,.25)}h1{font-size:22px;margin:0 0 16px}label{display:block;font-weight:700;font-size:13px;margin:13px 0 6px}input,select{width:100%;padding:14px 13px;border:1px solid #ddd;border-radius:13px;font-size:16px;background:#fff}input:focus,select:focus{outline:2px solid rgba(200,149,45,.35);border-color:var(--gold)}.grid3{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px}.btn{border:0;width:100%;padding:15px 18px;border-radius:999px;background:linear-gradient(135deg,#121212,#c8952d);color:#fff;font-weight:800;font-size:16px;margin-top:18px;cursor:pointer}.link{text-align:center;margin-top:15px;font-size:14px}.link a{color:#8a6418;font-weight:800;text-decoration:none}.alert{padding:12px 14px;border-radius:14px;margin:12px 0;font-size:14px;line-height:1.45}.alert.error{background:#fff0f0;color:var(--danger);border:1px solid #ffd2d2}.alert.ok{background:#effaf3;color:var(--ok);border:1px solid #ccebd7}.hint{color:var(--muted);font-size:12px;margin-top:5px}.profile{display:grid;gap:10px;margin-top:14px}.row{background:#fafafa;border:1px solid #eee;border-radius:14px;padding:12px}.row b{display:block;font-size:12px;color:#777;margin-bottom:3px}.pill{display:inline-block;background:#111;color:#fff;padding:8px 12px;border-radius:999px;font-weight:800}.footer-actions{display:grid;gap:10px;margin-top:18px}.secondary{display:block;text-align:center;text-decoration:none;border:1px solid #d8c28d;color:#7b5818;padding:13px;border-radius:999px;font-weight:800;background:#fffaf0}@media(min-width:680px){.wrap{max-width:620px}.card{padding:26px}}
