/* AD8 client — sign-in, registration and guest pages (unsubscribe, no workspace).
   Extends the .auth-* / .guest-* base in client.css; tokens only. */

/* ---- split layout */
/* split layout: columns are defined in client.css (stacks below 860px) */
.auth-pitch{position:relative;isolation:isolate;justify-content:space-between;gap:24px;padding:40px clamp(32px,5vw,72px);min-height:100vh;background:radial-gradient(900px 600px at 45% 42%,#1B2547 0,transparent 70%),linear-gradient(165deg,#0B1220 0%,#0E1528 55%,#0A0F1C 100%)}
.flow3d{position:absolute;inset:0;width:100%;height:100%;z-index:-1;display:block}
.auth-pitch::after{content:"";position:absolute;inset:auto 0 0 0;height:56%;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(10,15,28,0) 0%,rgba(10,15,28,.82) 42%,#0A0F1C 100%)}
.auth-pitch-top,.auth-pitch-bottom{position:relative}
.auth-pitch-bottom{display:flex;flex-direction:column;gap:22px}
.auth-kicker{font-size:12.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:#FF9B5C;margin:0 0 12px}
.auth-pitch h2{font-size:clamp(28px,3vw,38px);line-height:1.12;max-width:20ch;text-shadow:0 2px 24px rgba(0,0,0,.4)}
.flow-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:760px}
.flow-steps li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#AEB9D2;font-size:13px;line-height:1.5;backdrop-filter:blur(6px);transition:background .5s var(--ease),border-color .5s var(--ease),color .5s var(--ease),transform .5s var(--ease)}
.flow-steps b{display:block;color:#fff;font-size:14.5px;margin-bottom:2px}
.flow-step-num{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.08);color:#C9D3E8;font-size:12px;font-weight:700;flex-shrink:0;transition:background .5s var(--ease),color .5s var(--ease)}
.flow-steps li.is-active{background:rgba(255,138,61,.10);border-color:rgba(255,138,61,.45);color:#E7ECF7;transform:translateY(-3px)}
.flow-steps li.is-active .flow-step-num{background:linear-gradient(135deg,#E0242B,#FF8A3D);color:#fff}

/* ---- form column */
.auth-card{max-width:420px;padding:48px 28px}
.auth-card-head{margin-bottom:22px}
.auth-card-head h1{font-size:28px;margin:0 0 6px}
.auth-card-head p{font-size:14.5px;margin:0}
.auth-card .flash{margin-bottom:16px}
.guest-form .form-field{margin-bottom:16px}
.guest-form input:not([type=checkbox]){width:100%;max-width:none;min-height:44px;font-size:14.5px;padding:9px 13px}
.guest-form input[type=checkbox]{width:16px;height:16px;min-height:0;padding:0;accent-color:var(--accent)}
.guest-form .form-field small{font-size:12.5px}
.auth-card .btn-lg{min-height:46px}
.check-row{min-height:32px}
.auth-google{gap:10px}
.auth-google-mark{flex-shrink:0}
.auth-alt{font-size:13.5px}

/* ---- centred guest card */
.guest-brand.wordmark{display:inline-flex;margin-bottom:22px}
.guest-card{box-shadow:var(--shadow-hover);border-radius:18px}
.guest-card--state{text-align:left}
.guest-state-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);margin-bottom:14px}
.guest-state-icon--ok{background:var(--pos-soft);color:var(--pos)}
.guest-state-icon .icon{width:22px;height:22px}
.guest-sub{color:var(--muted);line-height:1.6}

@media(max-width:860px){
  .auth-pitch{padding:20px;gap:12px;min-height:260px;justify-content:space-between}
  .auth-pitch-copy{margin-top:0}
  .auth-kicker{display:none}
  .auth-pitch h2{font-size:21px;max-width:none}
  .auth-pitch::after{height:62%}
  .flow-steps{display:none}
  .auth-card{padding:28px 20px 36px;max-width:440px}
  .auth-card-head h1{font-size:24px}
  .auth-google{font-size:13.5px;padding-left:10px;padding-right:10px}
}