/* رنگ Ai — ورود و ثبت‌نام، هم‌سبک با سایت روشن */
body.page-auth{
  background:
    radial-gradient(920px 480px at 88% -8%, rgba(139,116,255,.18), transparent 58%),
    radial-gradient(640px 360px at 6% 12%, rgba(255,122,58,.08), transparent 52%),
    #F6F4FC;
  color:#1B1730;
  min-height:100dvh;
}
body.page-auth .site-nav{
  background:#fff;
  border-bottom:1px solid rgba(18,21,28,.12);
}
body.page-auth .site-footer{background:transparent}

.au-page{position:relative;min-height:calc(100dvh - 70px)}
.au-nebula{display:none}
.au-shell{
  position:relative;z-index:1;
  max-width:1080px;margin:0 auto;
  padding:28px 20px 56px;
  display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;
}
.au-visual{color:#1B1730;order:2}
body.page-auth .auth-wrap{order:1}
.au-kicker{
  font-size:.78rem;letter-spacing:.04em;font-weight:800;
  color:#6B4EFF;margin-bottom:14px;
  display:inline-flex;align-items:center;gap:8px;
}
.au-kicker::before{content:"";width:18px;height:2px;background:#6B4EFF;border-radius:2px}
.au-visual-title{
  font-size:clamp(1.6rem,3.4vw,2.35rem);font-weight:900;line-height:1.4;
  margin:0 0 12px;color:#1B1730;
}
.au-visual-sub{color:#6E6984;font-size:1rem;line-height:1.9;max-width:380px;margin:0 0 28px}
.au-shots{display:flex;gap:12px;align-items:flex-end}
.au-shots img{
  width:32%;aspect-ratio:3/4;object-fit:cover;object-position:center 18%;border-radius:18px;
  border:1px solid rgba(107,78,255,.14);
  box-shadow:0 16px 36px rgba(27,23,48,.12);
  background:#fff;
}
.au-shots img:nth-child(1){transform:rotate(-6deg) translateY(10px)}
.au-shots img:nth-child(2){transform:translateY(-8px);width:36%}
.au-shots img:nth-child(3){transform:rotate(7deg) translateY(14px)}

body.page-auth .auth-wrap{
  min-height:0;padding:0;display:block;width:100%;
}
body.page-auth .auth-card{
  width:100%;max-width:none;
  background:#fff;
  border:1px solid rgba(18,21,28,.09);
  border-radius:22px;padding:32px 28px;
  box-shadow:0 18px 50px rgba(18,21,28,.08);
}
body.page-auth .auth-card h1{
  font-family:inherit;font-size:clamp(1.35rem,2.6vw,1.85rem);font-weight:900;
  color:#1B1730;margin-bottom:8px;
}
body.page-auth .muted{color:#6E6984}
body.page-auth .auth-card > .muted{line-height:1.8;margin-bottom:4px}
body.page-auth .auth-form{margin-top:16px;gap:12px}
body.page-auth .auth-form label{color:#1B1730;font-size:.88rem}
body.page-auth .auth-form input,
body.page-auth .auth-form textarea{
  background:#fff;
  border:1px solid rgba(18,21,28,.16);
  color:#1B1730;
  border-radius:14px;padding:13px 14px;
}
body.page-auth .auth-form input::placeholder,
body.page-auth .auth-form textarea::placeholder{color:#9aa0ad}
body.page-auth .auth-form input:focus,
body.page-auth .auth-form textarea:focus{
  outline:none;border-color:#6B4EFF;
  box-shadow:0 0 0 4px rgba(107,78,255,.14);
}
body.page-auth .auth-tabs{
  background:#F6F4FC;
  border:1px solid rgba(107,78,255,.14);
  border-radius:16px;padding:4px;margin:18px 0 8px;
}
body.page-auth .auth-tab{color:#6E6984;opacity:1}
body.page-auth .auth-tab.active{
  background:#fff;
  color:#1B1730;
  box-shadow:0 8px 24px rgba(18,21,28,.06);
}
body.page-auth .btn-primary{
  background:#C81E3A;color:#fff;border:none;border-radius:14px;padding:13px 18px;
  font-weight:800;
}
body.page-auth .btn-primary:hover{background:#9E1830;color:#fff}
body.page-auth .btn-ghost{
  background:#fff;color:#1B1730;
  border:1px solid rgba(18,21,28,.16);border-radius:14px;
}
body.page-auth .btn-ghost:hover{background:#F6F4FC;color:#1B1730}
body.page-auth .auth-alt{color:#6E6984}
body.page-auth .auth-alt a{color:#0F766E;font-weight:700}
body.page-auth .error{color:#C81E3A;font-weight:700}
body.page-auth .auth-help-box{
  background:rgba(15,118,110,.04);
  border:1px dashed rgba(18,21,28,.16);
  border-radius:16px;color:#6E6984;
}
body.page-auth .auth-help-box b{color:#1B1730}
body.page-auth details{
  border-top:1px solid rgba(18,21,28,.09);padding-top:14px;color:#6E6984
}
body.page-auth details summary{color:#6E6984}
body.page-auth .flash.ok{
  background:rgba(15,118,110,.08);color:#0F766E;border:1px solid rgba(15,118,110,.28);
  border-radius:14px;padding:12px 14px;
}

@media (max-width:900px){
  .au-shell{grid-template-columns:1fr;gap:22px;padding:18px 16px 40px}
  .au-visual{text-align:center;order:0}
  body.page-auth .auth-wrap{order:1}
  .au-visual-sub{margin-inline:auto}
  .au-shots{justify-content:center;max-width:320px;margin:0 auto}
  .au-visual-title{font-size:clamp(1.35rem,6vw,1.9rem)}
  body.page-auth .auth-card{padding:24px 18px}
}
@media (max-width:520px){
  .au-shots img:nth-child(3){display:none}
  .au-shots img{width:46%}
  .au-kicker{margin-bottom:10px}
  .au-visual-sub{font-size:.92rem;margin-bottom:16px}
}
@media (max-width:760px){
  body.page-auth .nav-auth-compact{display:none}
}