:root{
  --home-grad: radial-gradient(1200px 600px at 10% -10%, rgba(59,130,246,.14), transparent 60%),
               radial-gradient(900px 500px at 100% 0%, rgba(16,185,129,.12), transparent 55%),
               radial-gradient(900px 500px at 60% 120%, rgba(99,102,241,.10), transparent 55%);

  --bg:#F6F7FB; --card:#fff; --text:#111827; --muted:#6B7280;
  --border:#E5E7EB; --border2:#D1D5DB;
  --primary:#3B82F6; --primary2:#2563EB;
  --danger:#EF4444; --ok:#059669;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);background-image:var(--home-grad);background-repeat:no-repeat;background-attachment:fixed;font-family:"Vazirmatn",Tahoma;color:var(--text);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px}
.card{width:min(420px, calc(100% - 24px));background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.12);overflow:hidden}
.head{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}
.title{font-weight:900}
.body{padding:18px}
.field{margin-bottom:12px}
label{display:block;font-size:12px;color:var(--muted);font-weight:900;margin-bottom:6px}
input{
  width:100%;height:42px;border:1px solid var(--border2);border-radius:12px;
  padding:0 12px;font:inherit;outline:none;background:#fff
}
input:focus{border-color:var(--primary); box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.btn{
  height:42px;padding:0 14px;border-radius:12px;border:1px solid var(--border2);
  background:#fff;cursor:pointer;font-weight:900; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font-family:"Vazirmatn", sans-serif; width:100%;
}
.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}
.btn.primary:hover{background:var(--primary2);border-color:var(--primary2)}
.msg{margin-top:10px;font-size:12px;font-weight:900}
.msg.bad{color:#b91c1c}
.msg.ok{color:#065f46}
.note{margin-top:10px;font-size:12px;color:var(--muted);font-weight:800;line-height:1.6}


.login-brand{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:14px;
  background:transparent;
  backdrop-filter: blur(6px);
}
.login-brand img{ height:46px; display:block; }
.login-brand-text{ font-weight:900; font-size:18px; color:var(--text); }