/* ===== Auth pages (login / register / password / verify) — no design image; site palette ===== */
body.page-auth{
  --green:#187c48; --green-d:#12663a; --green-l:#e8f4ec;
  --accent:#187c48; --accent-d:#12663a; --accent-l:#e8f4ec;
  --ink:#1c2834; --muted:#6b7280; --line:#e5e7eb;
  margin:0; font-family:'Cairo',sans-serif; color:var(--ink); background:#f6f8f5; line-height:1.7;
}
.page-auth *{box-sizing:border-box;margin:0;padding:0}
.page-auth a{color:inherit;text-decoration:none}
.page-auth img{max-width:100%;display:block}

.auth-shell{min-height:100vh;display:flex;flex-direction:column}
.auth-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(16px,4vw,48px)}
.auth-logo img{height:52px;width:auto}
.lang-pill{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:0 1.1rem;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:600;font-size:.9rem}
.lang-pill i{color:#409ce4}
.lang-pill:hover{border-color:var(--accent);color:var(--accent)}

.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem clamp(16px,4vw,48px) 3rem}
.auth-card{width:min(100%,1040px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff;border-radius:24px;box-shadow:0 24px 60px rgba(24,124,72,.10);overflow:hidden}
.auth-form-side{padding:clamp(1.5rem,4vw,3rem)}
.auth-art-side{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:2.5rem;text-align:center;background:linear-gradient(160deg,#e8f4ec 0%,#fcfcf8 70%)}
.auth-art-side img{border-radius:18px;mix-blend-mode:multiply}
.auth-art-title{font-size:1.9rem;font-weight:800;line-height:1.35}
.auth-art-title .t1{color:#004028}
.auth-art-title .t2{color:#008000}
.auth-art-title .t3{color:#d97706}
.auth-art-sub{font-size:.95rem;color:#4b5563}

.auth-title{font-size:1.9rem;font-weight:800;margin-bottom:.25rem}
.auth-sub{color:var(--muted);margin-bottom:1.5rem}
.auth-alert{margin-bottom:1.25rem}
.auth-form{display:flex;flex-direction:column;gap:1rem}
.auth-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;font-size:.9rem}
.auth-link,.auth-foot a{color:var(--accent);font-weight:700}
.auth-link:hover,.auth-foot a:hover{text-decoration:underline}
.auth-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:50px;padding:0 1.5rem;border:0;border-radius:12px;background:var(--accent);color:#fff;font:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s}
.auth-btn:hover{background:var(--accent-d)}
.auth-btn-block{width:100%}
.auth-foot{margin-top:1.4rem;text-align:center;font-size:.92rem;color:var(--muted)}
.auth-link-btn{border:0;background:none;font:inherit;color:var(--muted);text-decoration:underline;cursor:pointer}

.auth-notice{text-align:center}
.auth-notice .ico{width:76px;height:76px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-l);color:var(--accent);font-size:2.1rem}

@media(max-width:860px){
  .auth-card{grid-template-columns:1fr}
  .auth-art-side{display:none}
}