/* ============================================================
   MASTERY.NG — Auth pages (login, register, password, magic link)
   ============================================================ */
.auth-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--mist)}
.auth-head{padding:18px 0;border-bottom:1px solid var(--line);background:var(--paper)}
.auth-head .container{display:flex;align-items:center;justify-content:space-between}
.auth-head .logo{font-size:22px}
.auth-head .meta{font-size:13.5px;color:var(--muted)}
.auth-head .meta a{color:var(--teal);font-weight:600}

.auth-main{flex:1;display:grid;place-items:center;padding:48px 16px}
.auth-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow);width:100%;max-width:440px;padding:32px}
.auth-card h1{font-size:26px;margin-bottom:6px}
.auth-card .sub{color:var(--muted);font-size:14.5px;margin-bottom:22px}
.auth-card .return-notice{background:var(--teal-soft);border:1px solid var(--teal);border-radius:var(--radius-s);padding:10px 14px;font-size:13.5px;color:var(--teal-dark);margin-bottom:18px}
.auth-card .divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.auth-card .divider::before,.auth-card .divider::after{content:"";flex:1;height:1px;background:var(--line)}
.auth-card .toggle-magic{font-size:14px;color:var(--teal);font-weight:600;text-align:center;display:block;margin-top:14px}
.auth-card .auth-foot{margin-top:18px;text-align:center;font-size:14px;color:var(--muted)}
.auth-card .auth-foot a{color:var(--teal);font-weight:600}