/* ==========================================================
   OTSI Club/Scout Login page — Ronin blocks shared stylesheet
   Loaded by every pms-ronin-clublogin-* block. Relies on the
   shared design tokens defined in ronin-shell.css.
   ========================================================== */

/* ---------- Hero (light, NOT navy — different from portal/player login) ---------- */
.cslh{ background:#fff; padding:56px 0; position:relative; overflow:hidden; }
.cslh::before{ content:""; position:absolute; top:-100px; right:-80px; width:600px; height:500px; background:radial-gradient(circle, rgba(63,126,232,.06), transparent 70%); pointer-events:none; }
.cslh__grid{ position:relative; display:grid; grid-template-columns:43fr 57fr; gap:24px; align-items:center; }
.cslh__eyebrow{ display:flex; align-items:center; gap:7px; margin-bottom:16px; }
.cslh__eyebrow-icon{ width:15px; height:15px; color:var(--green); flex-shrink:0; }
.cslh__eyebrow-icon svg{ width:100%; height:100%; }
.cslh__eyebrow span{ font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--green); }
.cslh__title{ font-size:34px; line-height:1.15; font-weight:800; color:var(--ink); margin:0 0 16px; }
.cslh__desc{ font-size:14px; line-height:1.65; color:var(--ink-soft); max-width:420px; margin:0 0 24px; }
.cslh__ctas{ display:flex; gap:12px; margin-bottom:26px; flex-wrap:wrap; }
.cslh__btn-primary,a.cslh__btn-primary:link,a.cslh__btn-primary:visited{ display:inline-flex; align-items:center; gap:8px; padding:12px 20px; border-radius:8px; background:var(--blue); color:#fff; font-size:13.5px; font-weight:700; text-decoration:none; border:none; cursor:pointer; }
.cslh__btn-primary:hover{ background:#4577d6; }
.cslh__btn-primary svg{ width:15px; height:15px; }
.cslh__btn-secondary,a.cslh__btn-secondary:link,a.cslh__btn-secondary:visited{ display:inline-flex; align-items:center; padding:12px 20px; border-radius:8px; background:#fff; border:1.4px solid var(--blue-tint); color:var(--ink); font-size:13.5px; font-weight:700; text-decoration:none; }
.cslh__btn-secondary:hover{ background:var(--blue-tint); }
.cslh__trust{ display:flex; flex-wrap:wrap; gap:18px 26px; }
.cslh__trust-item{ display:flex; align-items:center; gap:6px; }
.cslh__trust-icon{ width:14px; height:14px; color:var(--green); flex-shrink:0; }
.cslh__trust-icon svg{ width:100%; height:100%; }
.cslh__trust-item span{ font-size:10.5px; font-weight:600; color:var(--ink-soft); }

.cslh__panel{ background:#fff; border:1px solid var(--gray-200); border-radius:var(--radius-lg); box-shadow:var(--shadow-card); overflow:hidden; }
.cslh__tabs{ display:flex; gap:22px; padding:14px 18px; border-bottom:1px solid var(--gray-200); }
.cslh__tab{ font-size:11.5px; font-weight:700; color:var(--gray-500); padding-bottom:10px; border-bottom:2px solid transparent; white-space:nowrap; }
.cslh__tab--active{ color:var(--blue); border-color:var(--blue); }
.cslh__tab--active em{ font-style:normal; color:var(--blue); font-weight:700; }
.cslh__body{ display:flex; }
.cslh__rows{ flex:1; min-width:0; padding:14px 18px; display:flex; flex-direction:column; }
.cslh__row{ display:flex; align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid var(--gray-100); }
.cslh__row:last-child{ border-bottom:none; }
.cslh__avatar{ width:36px; height:36px; border-radius:8px; background:var(--gray-100); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--gray-500); }
.cslh__avatar svg{ width:18px; height:18px; }
.cslh__info{ flex:0 0 120px; }
.cslh__info strong{ display:block; font-size:11px; color:var(--ink); font-weight:700; }
.cslh__info span{ display:block; font-size:9.5px; color:var(--gray-500); }
.cslh__match{ flex:1; min-width:0; }
.cslh__match-label{ font-size:9px; font-weight:700; color:var(--gray-500); text-transform:uppercase; margin-bottom:5px; }
.cslh__bar{ height:5px; border-radius:3px; background:var(--gray-100); margin-bottom:4px; width:70%; }
.cslh__bar:nth-child(3){ width:45%; }
.cslh__status{ flex:0 0 80px; text-align:right; }
.cslh__status-label{ font-size:9px; font-weight:700; color:var(--gray-500); text-transform:uppercase; margin-bottom:5px; }
.cslh__pill{ display:inline-block; padding:3px 9px; border-radius:20px; font-size:9.5px; font-weight:700; }
.cslh__pill--green{ background:var(--green-tint); color:var(--green); }
.cslh__pill--orange{ background:#fdf1e2; color:#b3781a; }
.cslh__pill--blue{ background:var(--blue-tint); color:var(--blue); }

.cslh__access{ flex:0 0 148px; background:var(--navy-950); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:22px 16px; }
.cslh__access-icon{ width:44px; height:44px; color:var(--blue-ring); margin-bottom:12px; filter:drop-shadow(0 0 10px rgba(63,126,232,.5)); }
.cslh__access-icon svg{ width:100%; height:100%; }
.cslh__access strong{ display:block; font-size:12px; color:#fff; font-weight:800; margin-bottom:6px; line-height:1.3; }
.cslh__access p{ font-size:10px; color:#b7c2d9; line-height:1.5; margin:0; }

@media (max-width:900px){
  .cslh__grid{ grid-template-columns:1fr; }
  .cslh__body{ flex-direction:column; }
  .cslh__access{ flex:none; }
}

/* ---------- Choose access route (2 cards) ---------- */
.cslr{ padding:44px 0; background:var(--bg-tint); }
.cslr__heading{ font-size:15px; font-weight:800; color:var(--ink); text-align:center; margin-bottom:4px; }
.cslr__sub{ font-size:12px; color:var(--ink-soft); text-align:center; margin-bottom:22px; }
.cslr__grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; max-width:820px; margin:0 auto; }
.cslr__card{ background:#fff; border:1.4px solid var(--gray-200); border-radius:var(--radius-md); padding:20px; display:flex; flex-direction:column; gap:10px; cursor:pointer; }
.cslr__card--blue{ border-color:var(--blue-tint); }
.cslr__card--green{ border-color:var(--green-tint); }
.cslr__card-icon{ width:26px; height:26px; }
.cslr__card--blue .cslr__card-icon{ color:var(--blue); }
.cslr__card--green .cslr__card-icon{ color:var(--green); }
.cslr__card-icon svg{ width:100%; height:100%; }
.cslr__card strong{ font-size:13.5px; color:var(--ink); }
.cslr__card p{ font-size:11.5px; color:var(--ink-soft); line-height:1.5; margin:0; }

@media (max-width:700px){ .cslr__grid{ grid-template-columns:1fr; } }

/* ---------- Secure-access info + real sign-in form ---------- */
.clss{ padding:8px 0 48px; background:#fff; }
.clss__row{ display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:start; }
.clss__card{ background:#fff; border:1px solid var(--gray-200); border-radius:var(--radius-md); padding:22px; height:100%; box-sizing:border-box; }
.clss__heading{ font-size:14.5px; font-weight:800; color:var(--ink); margin-bottom:6px; }
.clss__sub{ font-size:12px; color:var(--ink-soft); line-height:1.6; margin-bottom:16px; }
.clss__checklist{ display:flex; flex-direction:column; gap:10px; margin-bottom:16px; }
.clss__check-row{ display:flex; align-items:flex-start; gap:9px; font-size:12px; color:var(--ink); }
.clss__check-icon{ width:15px; height:15px; flex-shrink:0; margin-top:2px; color:var(--blue); }
.clss__check-icon svg{ width:100%; height:100%; }
.clss__notice{ background:var(--bg-tint); border-radius:8px; padding:12px 14px; }
.clss__notice strong{ display:block; font-size:11.5px; color:var(--ink); margin-bottom:4px; }
.clss__notice p{ font-size:11px; color:var(--ink-soft); line-height:1.5; margin:0; }
.clss__form{ display:flex; flex-direction:column; }
.clss__label{ font-size:11px; font-weight:700; color:var(--ink); margin:10px 0 5px; }
.clss__label:first-child{ margin-top:0; }
.clss__input,.clss__select{ width:100%; padding:10px 12px; border:1px solid var(--gray-200); border-radius:8px; font-size:13px; color:var(--ink); background:#fff; }
.clss__pwd-row{ position:relative; }
.clss__pwd-toggle{ position:absolute; right:10px; top:50%; transform:translateY(-50%); background:none; border:none; font-size:11px; font-weight:700; color:var(--blue); cursor:pointer; }
.clss__row2{ display:flex; align-items:center; justify-content:space-between; margin-top:10px; }
.clss__check{ display:flex; align-items:center; gap:7px; font-size:11.5px; color:var(--ink-soft); }
.clss__forgot{ font-size:11.5px; color:var(--blue); font-weight:600; }
.clss__submit{ width:100%; margin-top:16px; padding:12px; border:none; border-radius:8px; background:var(--blue); color:#fff; font-size:13px; font-weight:700; cursor:pointer; }
.clss__submit:hover{ background:#4577d6; }
.clss__mfa-note{ font-size:10.5px; color:var(--gray-500); text-align:center; margin-top:10px; }
.clss__firsttime{ font-size:11.5px; color:var(--ink-soft); text-align:center; margin-top:10px; }
.clss__firsttime a{ color:var(--blue); font-weight:700; }
.clss__error{ background:#fdecec; border:1px solid #f3b8b8; color:#a12727; font-size:12px; padding:8px 10px; border-radius:6px; margin-bottom:10px; }

@media (max-width:900px){ .clss__row{ grid-template-columns:1fr; } }

/* ---------- Preview toggle + feature grid ---------- */
.cslw{ padding:8px 0 48px; background:var(--bg-tint); }
.cslw__head{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:20px; flex-wrap:wrap; }
.cslw__heading{ font-size:14.5px; font-weight:800; color:var(--ink); margin-bottom:4px; }
.cslw__sub{ font-size:11.5px; color:var(--ink-soft); }
.cslw__toggle{ display:flex; border:1px solid var(--gray-200); border-radius:8px; overflow:hidden; flex-shrink:0; }
.cslw__toggle-btn{ padding:8px 16px; font-size:11.5px; font-weight:700; background:#fff; color:var(--ink-soft); border:none; cursor:pointer; }
.cslw__toggle-btn.is-active{ background:var(--blue); color:#fff; }
.cslw__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.cslw__card{ background:#fff; border:1px solid var(--gray-200); border-radius:var(--radius-md); padding:16px; display:flex; flex-direction:column; gap:8px; }
.cslw__card-icon{ width:22px; height:22px; color:var(--blue); }
.cslw__card-icon svg{ width:100%; height:100%; }
.cslw__card strong{ font-size:12px; color:var(--ink); }
.cslw__card p{ font-size:10.5px; color:var(--ink-soft); line-height:1.5; margin:0; flex:1; }
.cslw__card-actions{ display:flex; gap:6px; }
.cslw__card-btn{ flex:1; text-align:center; padding:6px; border:1.4px solid var(--blue-tint); border-radius:6px; font-size:10px; font-weight:700; color:var(--blue); }

@media (max-width:1000px){ .cslw__grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .cslw__grid{ grid-template-columns:1fr; } }

/* ---------- Access matrix + before-you-request checklist ---------- */
.cslu{ padding:8px 0 48px; background:#fff; }
.cslu__row{ display:grid; grid-template-columns:1.7fr 1fr; gap:18px; align-items:start; }
.cslu__heading{ font-size:14.5px; font-weight:800; color:var(--ink); margin-bottom:4px; }
.cslu__sub{ font-size:11.5px; color:var(--ink-soft); margin-bottom:12px; }
.cslu__legend{ display:flex; gap:14px; font-size:10.5px; color:var(--ink-soft); margin-bottom:10px; }
.cslu__legend span{ display:inline-flex; align-items:center; gap:4px; }
.cslu__table-wrap{ overflow-x:auto; border:1px solid var(--gray-200); border-radius:var(--radius-md); }
.cslu__table{ width:100%; border-collapse:collapse; font-size:10.5px; }
.cslu__table th,.cslu__table td{ padding:9px 10px; text-align:center; border-bottom:1px solid var(--gray-200); }
.cslu__table th:first-child,.cslu__table td:first-child{ text-align:left; }
.cslu__table thead th{ background:var(--bg-tint); font-weight:800; color:var(--ink); font-size:9px; text-transform:uppercase; }
.cslu__table tbody td:first-child{ font-weight:700; color:var(--ink); }
.cslu__mark--yes{ color:var(--green); font-weight:800; }
.cslu__mark--limited{ color:#b3781a; font-weight:800; }
.cslu__mark--no{ color:#c0392b; font-weight:800; }
.cslu__side{ background:#fff; border:1px solid var(--gray-200); border-radius:var(--radius-md); padding:18px; }
.cslu__checklist{ display:flex; flex-direction:column; gap:9px; margin:12px 0; }
.cslu__check-row{ display:flex; align-items:center; gap:8px; font-size:11.5px; color:var(--ink); }
.cslu__check-row input{ width:14px; height:14px; }
.cslu__progress{ width:56px; height:56px; border-radius:50%; border:4px solid var(--gray-200); display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:800; color:var(--ink); margin:0 auto 10px; }
.cslu__note{ font-size:11px; color:var(--ink-soft); text-align:center; margin-bottom:10px; }
.cslu__browse-btn{ display:block; width:100%; text-align:center; padding:10px; border:1.4px solid var(--blue-tint); border-radius:8px; font-size:12px; font-weight:700; color:var(--blue); }

@media (max-width:900px){ .cslu__row{ grid-template-columns:1fr; } }

/* ---------- Request authorised access (stepper form) ---------- */
.cslq{ padding:8px 0 48px; background:var(--bg-tint); }
.cslq__heading{ font-size:14.5px; font-weight:800; color:var(--ink); margin-bottom:4px; }
.cslq__sub{ font-size:11.5px; color:var(--ink-soft); margin-bottom:18px; }
.cslq__stepper{ display:flex; align-items:center; justify-content:center; gap:8px; margin-bottom:22px; flex-wrap:wrap; }
.cslq__step-dot{ display:flex; align-items:center; gap:8px; font-size:10.5px; font-weight:700; color:var(--gray-500); }
.cslq__step-num{ width:22px; height:22px; border-radius:50%; background:var(--gray-200); color:#fff; display:flex; align-items:center; justify-content:center; font-size:10px; font-weight:800; }
.cslq__step-dot--active .cslq__step-num{ background:var(--blue); }
.cslq__step-dot--active{ color:var(--ink); }
.cslq__step-line{ width:20px; height:1px; background:var(--gray-200); }
.cslq__grid{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; align-items:start; }
.cslq__col{ background:#fff; border:1px solid var(--gray-200); border-radius:var(--radius-md); padding:16px; }
.cslq__col strong{ display:block; font-size:12.5px; color:var(--ink); margin-bottom:10px; }
.cslq__field{ margin-bottom:10px; }
.cslq__label{ font-size:10.5px; font-weight:700; color:var(--ink); margin-bottom:4px; display:block; }
.cslq__input,.cslq__select,.cslq__textarea{ width:100%; padding:8px 9px; border:1px solid var(--gray-200); border-radius:7px; font-size:11.5px; color:var(--ink); font-family:inherit; }
.cslq__hint{ font-size:10px; color:var(--gray-500); line-height:1.4; margin-top:8px; }
.cslq__info{ background:var(--bg-tint); border-radius:7px; padding:8px 9px; font-size:10px; color:var(--ink-soft); margin-top:10px; }
.cslq__tl-item{ display:flex; gap:9px; padding-bottom:12px; }
.cslq__tl-dot{ flex-shrink:0; width:18px; height:18px; padding:3px; box-sizing:border-box; border-radius:50%; border:1.4px solid var(--blue); color:var(--blue); }
.cslq__tl-dot svg{ width:100%; height:100%; }
.cslq__tl-item span{ font-size:10.5px; color:var(--ink); line-height:1.4; }
.cslq__actions{ display:flex; gap:10px; justify-content:flex-end; margin-top:16px; }
.cslq__btn-cancel{ padding:10px 18px; border:1px solid var(--gray-200); border-radius:8px; background:#fff; font-size:12px; font-weight:700; color:var(--ink-soft); cursor:pointer; }
.cslq__btn-save{ padding:10px 18px; border:none; border-radius:8px; background:var(--blue); color:#fff; font-size:12px; font-weight:700; cursor:pointer; display:inline-flex; align-items:center; gap:6px; }
.cslq__btn-save svg{ width:13px; height:13px; }
.cslq__msg{ font-size:12px; margin-top:10px; display:none; text-align:right; }

@media (max-width:1000px){ .cslq__grid{ grid-template-columns:1fr; } }

/* ---------- Verification pipeline + help ---------- */
.cslv{ padding:8px 0 48px; background:#fff; }
.cslv__row{ display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:16px; align-items:start; }
.cslv__card{ background:#fff; border:1px solid var(--gray-200); border-radius:var(--radius-md); padding:16px; height:100%; box-sizing:border-box; }
.cslv__heading{ font-size:12.5px; font-weight:800; color:var(--ink); margin-bottom:10px; }
.cslv__pipeline{ display:flex; align-items:center; overflow-x:auto; gap:4px; padding-bottom:6px; }
.cslv__pnode{ display:flex; flex-direction:column; align-items:center; gap:6px; flex-shrink:0; width:64px; text-align:center; }
.cslv__pnode-icon{ width:28px; height:28px; border-radius:50%; border:1.4px solid var(--gray-200); display:flex; align-items:center; justify-content:center; color:var(--blue); }
.cslv__pnode-icon svg{ width:14px; height:14px; }
.cslv__pnode span{ font-size:9px; color:var(--ink-soft); line-height:1.3; }
.cslv__parrow{ width:12px; height:1px; background:var(--gray-200); flex-shrink:0; }
.cslv__outcomes{ display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
.cslv__outcome{ font-size:9.5px; font-weight:700; padding:3px 8px; border-radius:20px; }
.cslv__outcome--gray{ background:var(--gray-100); color:var(--gray-500); }
.cslv__outcome--yellow{ background:#fdf1e2; color:#b3781a; }
.cslv__outcome--green{ background:var(--green-tint); color:var(--green); }
.cslv__outcome--red{ background:#fdecec; color:#a12727; }
.cslv__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.cslv__list li a{ font-size:11.5px; color:var(--blue); font-weight:600; }
.cslv__contact-row{ display:flex; align-items:center; gap:8px; font-size:11.5px; color:var(--ink); margin-bottom:8px; }
.cslv__contact-icon{ width:15px; height:15px; color:var(--blue); flex-shrink:0; }
.cslv__contact-icon svg{ width:100%; height:100%; }
.cslv__contact-btn{ display:block; width:100%; text-align:center; margin-top:10px; padding:10px; border:none; border-radius:8px; background:var(--blue); color:#fff; font-size:12px; font-weight:700; }

@media (max-width:1000px){ .cslv__row{ grid-template-columns:1fr; } }

/* ---------- Security & acceptable use (dark) ---------- */
.cslz{ background:var(--navy-950); padding:48px 24px; position:relative; overflow:hidden; }
.cslz__glow{ position:absolute; inset:0; background:radial-gradient(500px 260px at 50% 0%, rgba(63,126,232,.18), transparent 70%); pointer-events:none; }
.cslz__inner{ position:relative; max-width:920px; margin:0 auto; text-align:center; }
.cslz__icon{ width:52px; height:52px; margin:0 auto 14px; color:var(--blue-ring); filter:drop-shadow(0 0 14px rgba(63,126,232,.5)); }
.cslz__icon svg{ width:100%; height:100%; }
.cslz__inner h2{ color:#fff; font-size:19px; font-weight:800; margin:0 0 6px; }
.cslz__inner > p{ color:#b7c2d9; font-size:12.5px; margin:0 0 26px; }
.cslz__grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-bottom:24px; }
.cslz__item{ display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; }
.cslz__item-icon{ width:24px; height:24px; color:var(--blue-ring); }
.cslz__item-icon svg{ width:100%; height:100%; }
.cslz__item strong{ font-size:11.5px; color:#fff; }
.cslz__item span{ font-size:10px; color:#b7c2d9; line-height:1.4; }
.cslz__nots{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; border-top:1px solid rgba(255,255,255,.14); padding-top:20px; margin-bottom:20px; }
.cslz__not{ display:flex; align-items:center; gap:7px; font-size:11px; color:#dbe4f3; }
.cslz__not svg{ width:14px; height:14px; color:#e07a7a; flex-shrink:0; }
.cslz__footnote{ font-size:10.5px; color:#8ea0c0; margin-bottom:6px; }
.cslz__links{ font-size:10.5px; }
.cslz__links a{ color:#b7c2d9; margin:0 6px; }

@media (max-width:900px){
  .cslz__grid{ grid-template-columns:repeat(2,1fr); }
  .cslz__nots{ grid-template-columns:1fr 1fr; }
}

/* ---------- FAQ + alternative routes + already authorised ---------- */
.clsf{ padding:8px 0 48px; background:var(--bg-tint); }
.clsf__row{ display:grid; grid-template-columns:1.5fr 1fr 0.9fr; gap:16px; align-items:start; }
.clsf__heading{ font-size:14px; font-weight:800; color:var(--ink); margin-bottom:12px; }
.clsf__faq-grid{ display:flex; flex-direction:column; gap:7px; margin-bottom:12px; }
.clsf__faq-item{ background:#fff; border:1px solid var(--gray-200); border-radius:8px; overflow:hidden; }
.clsf__faq-question{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; background:none; border:none; text-align:left; font-size:11.5px; font-weight:700; color:var(--ink); cursor:pointer; }
.clsf__faq-chevron{ width:12px; height:12px; flex-shrink:0; transition:transform .18s ease; }
.clsf__faq-chevron svg{ width:100%; height:100%; }
.clsf__faq-answer{ display:none; padding:0 12px 12px; }
.clsf__faq-answer p{ font-size:11px; color:var(--ink-soft); line-height:1.6; margin:0; }
.clsf__support-btn{ display:block; width:100%; text-align:center; padding:10px; border:1px solid var(--gray-200); border-radius:8px; background:#fff; font-size:11.5px; font-weight:700; color:var(--ink); }
.clsf__sub{ font-size:11px; color:var(--ink-soft); margin-bottom:12px; }
.clsf__alt-card{ background:#fff; border:1px solid var(--gray-200); border-radius:8px; padding:12px; display:flex; align-items:flex-start; gap:10px; margin-bottom:8px; }
.clsf__alt-icon{ width:20px; height:20px; color:var(--blue); flex-shrink:0; }
.clsf__alt-icon svg{ width:100%; height:100%; }
.clsf__alt-card strong{ display:block; font-size:11.5px; color:var(--ink); margin-bottom:2px; }
.clsf__alt-card p{ font-size:10.5px; color:var(--ink-soft); margin:0; line-height:1.4; }
.clsf__auth-card{ background:#fff; border:1px solid var(--gray-200); border-radius:var(--radius-md); padding:16px; }
.clsf__auth-card strong{ display:block; font-size:12.5px; color:var(--ink); margin-bottom:4px; }
.clsf__auth-card p{ font-size:11px; color:var(--ink-soft); margin:0 0 12px; }
.clsf__auth-btn-primary{ display:block; width:100%; text-align:center; padding:10px; border:none; border-radius:8px; background:var(--blue); color:#fff; font-size:12px; font-weight:700; margin-bottom:8px; }
.clsf__auth-btn-secondary{ display:block; width:100%; text-align:center; padding:10px; border:1.4px solid var(--blue-tint); border-radius:8px; background:#fff; color:var(--ink); font-size:12px; font-weight:700; margin-bottom:12px; }
.clsf__auth-list{ list-style:none; margin:0 0 10px; padding:0; display:flex; flex-direction:column; gap:6px; }
.clsf__auth-list li{ font-size:10.5px; color:var(--ink-soft); }
.clsf__auth-return{ font-size:11px; color:var(--blue); font-weight:600; }

@media (max-width:1000px){ .clsf__row{ grid-template-columns:1fr; } }