/* ============================================================
   MyTrafficBuzz — Auth

   The sign-in and registration screens.

   Part of the split of the former single style.css (20-Aug-2026).
   Load order matters: see the <link> block in any page head, and
   keep this file in that same position when adding rules.
   ============================================================ */

/* ===== Auth / sign-in page ===== */
.auth{display:flex;justify-content:center;padding:10px 0 30px}
.auth__card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:38px 34px;max-width:420px;width:100%;text-align:center}
.auth__title{font-size:24px;color:var(--pri);margin-bottom:6px}
.auth__subtitle{color:var(--txtl);font-size:14px;margin-bottom:22px}
.gbtn{display:flex;justify-content:center;margin-bottom:12px;min-height:44px}
.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border-radius:11px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--pri);margin-bottom:12px;transition:var(--t)}
.social-btn:hover{box-shadow:var(--sh);transform:translateY(-1px)}
.social-btn img{display:block}
.btn-google img{filter:none}
.btn-meta{border-color:#0866FF;color:#0866FF}.btn-meta img{filter:invert(28%) sepia(96%) saturate(2000%) hue-rotate(210deg)}
.btn-apple{background:#000;color:#fff;border-color:#000}.btn-apple:hover{background:#1a1a1a}
.auth__legal{font-size:12px;color:var(--txtl);margin-top:10px}
.auth-photo{border-radius:50%;margin:0 auto 14px;display:block;border:3px solid var(--lt);object-fit:cover}
.nav-cta{background:var(--acc);color:var(--wh)!important;border-radius:10px}
.nav-cta:hover{background:var(--acc-deep);color:var(--wh)!important}
.nav-cta::after{content:none!important}