:root{--bg:#f6f8fb;--card:#fff;--text:#172033;--muted:#64748b;--primary:#2563eb;--border:#dbe2ea;--danger:#dc2626;--ok:#16a34a}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#eef4ff,#fff);color:var(--text)}.wrap{max-width:860px;margin:55px auto;padding:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 45px rgba(15,23,42,.08);overflow:hidden}.head{padding:28px 34px;border-bottom:1px solid var(--border);display:flex;gap:16px;align-items:center}.logo{width:54px;height:54px}.body{padding:34px}.steps{display:flex;gap:10px;margin:0 0 25px}.step{padding:8px 12px;border-radius:999px;background:#eef2ff;color:#334155;font-size:14px}.step.active{background:var(--primary);color:#fff}label{display:block;font-weight:700;margin:15px 0 7px}input,select{width:100%;border:1px solid var(--border);border-radius:12px;padding:13px 14px;font-size:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actions{margin-top:28px;display:flex;gap:12px}.btn{border:0;border-radius:12px;padding:13px 18px;background:var(--primary);color:#fff;font-weight:700;text-decoration:none;cursor:pointer}.btn.secondary{background:#e2e8f0;color:#0f172a}.err{background:#fef2f2;color:var(--danger);border:1px solid #fecaca;padding:12px 14px;border-radius:12px;margin:0 0 18px}.ok{background:#f0fdf4;color:var(--ok);border:1px solid #bbf7d0;padding:12px 14px;border-radius:12px}.muted{color:var(--muted)}@media(max-width:720px){.wrap{margin:10px auto;padding:12px}.grid{grid-template-columns:1fr}.head,.body{padding:22px}.steps{flex-wrap:wrap}}