:root{--purple:#7b45d9;--purple-h:#6a38c2;--orange:#ffa500;--bg:#f4f2fa;--text:#1d1730;--muted:#7d7691;--border:#e7e3f1}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Urbanist',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.box{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 32px rgba(46,26,94,.14);width:380px;max-width:100%;padding:30px}
.brand{display:flex;align-items:center;gap:11px;margin-bottom:22px}
.brand .mark{width:38px;height:38px;border-radius:10px;background:var(--orange);color:#3c2800;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px}
.brand .t{font-weight:800;font-size:18px}
.brand .t span{color:var(--orange)}
.brand .s{font-size:10px;color:#a99cd6;text-transform:uppercase;letter-spacing:.4px;font-weight:600}
h1{font-size:19px;font-weight:800;margin-bottom:4px}
.sub{color:var(--muted);font-size:13px;margin-bottom:20px}
label{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin:14px 0 6px}
input{width:100%;border:1px solid var(--border);border-radius:9px;padding:11px 13px;font:inherit;font-size:14px;outline:none;transition:border-color .12s,box-shadow .12s}
input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(123,69,217,.14)}
.btn{display:block;width:100%;margin-top:22px;background:var(--purple);color:#fff;border:0;border-radius:999px;padding:12px;font:inherit;font-weight:700;font-size:14.5px;cursor:pointer;text-align:center;transition:background .12s}
.btn:hover{background:var(--purple-h)}
.links{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:13px}
.links a{color:var(--purple);font-weight:600;text-decoration:none}
.links a:hover{text-decoration:underline}
.err{background:#fce9e9;color:#c33036;border-radius:9px;padding:10px 13px;font-size:13px;font-weight:600;margin-bottom:16px}
.ok{background:#e4f5eb;color:#1a7f4b;border-radius:9px;padding:10px 13px;font-size:13px;font-weight:600;margin-bottom:16px}