:root{
  --ar-bg:#f5f8ff;
  --ar-bg-2:#eef4ff;
  --ar-surface:#ffffff;
  --ar-text:#0f172a;
  --ar-muted:#667085;
  --ar-line:#e7ebf3;
  --ar-purple:#7457ff;
  --ar-blue:#16b7ff;
  --ar-green:#22c55e;
  --ar-danger:#be123c;
  --ar-danger-bg:#fff1f2;
  --ar-info:#075985;
  --ar-info-bg:#eff6ff;
  --ar-shadow:0 20px 55px rgba(15,23,42,.10);
  --ar-shadow-2:0 30px 80px rgba(15,23,42,.16);
}
*{box-sizing:border-box}
html{background:var(--ar-bg)}
body.auth-reset-page{
  margin:0;
  min-height:100vh;
  font-family:"Vazirmatn",Tahoma,"Segoe UI",sans-serif;
  color:var(--ar-text);
  background:
    radial-gradient(circle at 8% 10%, rgba(116,87,255,.16), transparent 22%),
    radial-gradient(circle at 88% 12%, rgba(22,183,255,.14), transparent 22%),
    linear-gradient(180deg,var(--ar-bg) 0%,var(--ar-bg-2) 100%);
  overflow-x:hidden;
}
.auth-reset-page a{text-decoration:none}
.reset-wrap{width:min(1080px,calc(100% - 28px));margin:20px auto 32px}
.reset-header{
  min-height:72px;
  padding:12px 18px;
  border-radius:26px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:var(--ar-shadow);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.reset-brand{display:inline-flex;align-items:center;gap:10px;color:#101828;font-size:1.42rem;font-weight:950;line-height:1}
.reset-brand img{width:44px;height:44px;object-fit:contain;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.reset-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.reset-nav a{color:#344054;font-weight:900;padding:10px 15px;border-radius:999px;transition:.2s ease}
.reset-nav a:hover{background:#f0ecff;color:#5c3fe0}
.reset-stage{
  margin-top:26px;
  border-radius:38px;
  padding:22px;
  background:linear-gradient(135deg,rgba(116,87,255,.08),rgba(22,183,255,.08)),rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 18px 55px rgba(15,23,42,.08);
}
.reset-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:stretch}
.reset-card{border-radius:32px;box-shadow:var(--ar-shadow-2);overflow:hidden}
.reset-form-card{background:#fff;border:1px solid var(--ar-line);padding:32px}
.reset-info-card{
  color:#fff;
  padding:30px;
  background:
    radial-gradient(circle at 82% 20%,rgba(22,183,255,.24),transparent 24%),
    radial-gradient(circle at 12% 84%,rgba(116,87,255,.30),transparent 30%),
    linear-gradient(145deg,#122b5d 0%,#07152f 100%);
  border:1px solid rgba(255,255,255,.12);
}
.reset-pill{display:inline-flex;align-items:center;gap:9px;width:max-content;padding:9px 14px;border-radius:999px;font-size:.88rem;font-weight:950;background:#f0ecff;color:#5c3fe0}
.reset-pill.dark{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);color:#dbeafe}
.reset-pill.dark:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ar-green);box-shadow:0 0 0 6px rgba(34,197,94,.16)}
.reset-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}
.reset-head h1{margin:10px 0 8px;color:#101828;font-size:2rem;line-height:1.35;letter-spacing:-.55px}
.reset-head p{margin:0;color:var(--ar-muted);line-height:1.95;font-weight:650}
.reset-icon{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;color:#fff;font-size:1.35rem;background:linear-gradient(135deg,var(--ar-purple),var(--ar-blue));box-shadow:0 18px 34px rgba(86,57,223,.24);flex:0 0 auto}
.reset-form{display:grid;gap:16px}
.reset-field{display:grid;gap:8px}
.reset-label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#101828;font-size:.96rem;font-weight:950}
.reset-label small{color:#98a2b3;font-size:.78rem;font-weight:850}
.reset-input{width:100%;height:54px;border:1px solid #dde4ef;border-radius:17px;background:#fff;color:#101828;font:inherit;padding:0 16px;outline:none;box-shadow:0 8px 18px rgba(15,23,42,.04);transition:.2s ease}
.reset-input::placeholder{color:#98a2b3;opacity:1}
.reset-input:focus{border-color:rgba(116,87,255,.72);box-shadow:0 0 0 4px rgba(116,87,255,.13),0 10px 24px rgba(15,23,42,.06)}
.reset-btn{min-height:56px;border:0;border-radius:999px;padding:14px 22px;color:#fff;font:inherit;font-weight:950;cursor:pointer;background:linear-gradient(135deg,var(--ar-purple),var(--ar-blue));box-shadow:0 18px 36px rgba(86,57,223,.26);transition:.2s ease}
.reset-btn:hover{transform:translateY(-1px);box-shadow:0 22px 42px rgba(86,57,223,.32)}
.reset-btn.secondary{background:#fff;color:#101828;border:1px solid #dde4ef;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.reset-alert{border-radius:18px;padding:14px 16px;margin-bottom:18px;font-weight:850;line-height:1.85}
.reset-alert.error{background:var(--ar-danger-bg);border:1px solid #fecdd3;color:var(--ar-danger)}
.reset-alert.info{background:var(--ar-info-bg);border:1px solid #bfdbfe;color:var(--ar-info)}
.reset-alert.success{background:#ecfdf3;border:1px solid #bbf7d0;color:#166534}
.reset-dev-link{display:block;margin-top:10px;direction:ltr;text-align:left;word-break:break-all;color:#075985;font-weight:800;background:#fff;border:1px dashed #93c5fd;padding:10px;border-radius:12px}
.reset-info-card h2{margin:18px 0 10px;font-size:1.5rem;line-height:1.45;color:#fff}
.reset-info-card p{margin:0;color:rgba(255,255,255,.82);line-height:1.95;font-size:.96rem}
.reset-list{display:grid;gap:12px;margin-top:20px}
.reset-list div{padding:15px;border-radius:20px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14)}
.reset-list strong{display:block;color:#fff;margin-bottom:6px;font-size:1rem}
.reset-list span{display:block;color:rgba(255,255,255,.78);line-height:1.8;font-size:.9rem}
.reset-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px;color:#667085;font-weight:850}
.reset-links a{color:#5c3fe0;font-weight:950}
.reset-footer{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:18px;color:#667085;font-size:.9rem;font-weight:800}
.reset-footer a{color:#5c3fe0;font-weight:950}
@media (max-width:900px){.reset-layout{grid-template-columns:1fr}.reset-info-card{order:-1}}
@media (max-width:700px){.reset-wrap{width:min(100% - 22px,1080px);margin-top:12px}.reset-header{flex-direction:column;align-items:stretch}.reset-brand{justify-content:center}.reset-nav{justify-content:center}.reset-stage{padding:12px;border-radius:28px}.reset-form-card,.reset-info-card{padding:22px;border-radius:24px}.reset-head h1{font-size:1.65rem}}