/* Humsafar — login / register / account styles (page-scoped: body.hs-p-auth). Built from login.html + register.html. */

/* ==========================================================================
   fix 2026-09-19b, part 1 of 2 — design-system.css tokens + reset/base
   --------------------------------------------------------------------------
   login.html and register.html both link assets/css/design-system.css, but
   the generator only read their inline style blocks, so none of it shipped:
   every colour, spacing, radius, font, type-scale and line-height custom
   property was undefined, and an undefined custom property with no fallback
   invalidates its whole declaration at computed-value time. Border radii
   collapsed to 0, .reg-header and .stepper-wrap lost their padding, type
   fell back to the theme font and size, secondary text lost its colour.
   design-system.css's universal reset was missing too, so browser default
   margins on headings, paragraphs and lists were adding space the design
   never accounts for, and list bullets were showing.

   Ported below: design-system.css's :root verbatim, then its reset and base
   element rules, confined to the auth content roots so the shared Theme
   Builder header and footer on these pages keep rendering exactly as they
   do site-wide. This block sits ahead of the generated rules on purpose —
   equal-specificity conflicts must resolve in favour of the page design,
   while lower-specificity theme rules still lose to the reset.
   ========================================================================== */
body.hs-p-auth{
--clr-primary:#B8860B;--clr-primary-light:#D4A017;--clr-primary-xlight:#FBF0CC;--clr-primary-dark:#8B6508;
--clr-secondary:#14432F;--clr-secondary-light:#2E5F8A;--clr-secondary-xlight:#EEF5F1;--clr-secondary-dark:#0F3D2E;
--clr-accent:#C0392B;--clr-accent-light:#E74C3C;--clr-accent-xlight:#FDECEA;
--clr-surface:#FAFAF7;--clr-surface-alt:#F0EDE6;--clr-surface-raised:#FFFFFF;
--clr-border:#E2DDD6;--clr-border-strong:#C9C2B8;
--clr-text:#1C1C1E;--clr-text-secondary:#4A4A52;--clr-text-muted:#6B6B73;--clr-muted:#6B6B73;
--clr-text-placeholder:#AEAEB2;--clr-text-inverse:#FFFFFF;
--clr-success:#2E7D32;--clr-success-light:#E8F5E9;--clr-warning:#E65100;--clr-warning-light:#FFF3E0;
--clr-error:#C62828;--clr-error-light:#FFEBEE;--clr-info:#01579B;--clr-info-light:#E3F2FD;
--clr-tier-free:#6B7280;--clr-tier-premium:#B8860B;--clr-tier-vip:#C0392B;
--font-display:'Playfair Display',Georgia,'Times New Roman',serif;
--font-body:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
--font-urdu:'Noto Nastaliq Urdu','Jameel Noori Nastaleeq',serif;
--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;
--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3rem;--text-5xl:4rem;
--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:900;
--lh-tight:1.2;--lh-snug:1.35;--lh-normal:1.5;--lh-relaxed:1.75;
--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;
--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;
--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;
--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);
--shadow-lg:0 8px 24px rgba(0,0,0,.1);--shadow-xl:0 16px 40px rgba(0,0,0,.12);
--shadow-gold:0 4px 16px rgba(184,134,11,.25);--shadow-navy:0 4px 16px rgba(20,67,47,.18);
--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;
--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;
--container-2xl:1440px;--nav-height:72px
}
/* design: html/body carry the cream page background; the generator drops
   html/body rules, so these three pages were sitting on plain white. */
body.hs-p-auth{background-color:#FAF7F0}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account),
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) *,
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) *::before,
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) *::after{box-sizing:border-box;margin:0;padding:0}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account){font-family:var(--font-body);font-size:var(--text-base);line-height:var(--lh-normal);color:#1C2826;-webkit-font-smoothing:antialiased}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(img,video,svg){display:block;max-width:100%;height:auto}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(input,button,textarea,select){font:inherit}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(button){cursor:pointer;border:none;background:none}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(a){color:var(--clr-primary);text-decoration:none;transition:color var(--transition-fast)}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(a:not([class*="btn"]):hover){color:var(--clr-primary-dark)}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(ul,ol){list-style:none}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(h1,h2,h3,h4,h5,h6){font-family:var(--font-display);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--clr-secondary)}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(p){line-height:var(--lh-relaxed)}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(h1){font-size:var(--text-4xl)}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(h2){font-size:var(--text-3xl)}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(h3){font-size:var(--text-2xl)}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(h4){font-size:var(--text-xl)}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(h5){font-size:var(--text-lg)}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(h6){font-size:var(--text-md)}
@media (max-width:767px){
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(h1){font-size:var(--text-3xl)}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(h2){font-size:var(--text-2xl)}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(h3){font-size:var(--text-xl)}
}
body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(:focus-visible){outline:2px solid var(--clr-primary);outline-offset:2px;border-radius:var(--radius-sm)}

@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes topbarMarqueeSlide{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGreen{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,.2)}to{transform:scale(1.05);box-shadow:0 0 0 12px transparent}}body.hs-p-auth{--home-emerald:#14432F;--home-emerald-dark:#0F3D2E;--home-emerald-light:#1E5C41;--home-emerald-tint:#EEF5F1;--home-cream:#FAF7F0;--home-cream-alt:#F4EFE6;--home-gold-deep:#9A7008;--ease-editorial:cubic-bezier(0.16, 1, 0.3, 1);--ease-smooth:cubic-bezier(0.22, 1, 0.36, 1)}@media (prefers-reduced-motion:reduce){body.hs-p-auth .topbar-marquee__track{animation:none}}body.hs-p-auth .navbar__dropdown-menu::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px;background:0 0;pointer-events:auto}body.hs-p-auth .auth-section{padding:clamp(40px,6vw,80px) var(--space-4);min-height:calc(100vh - 350px);display:flex;align-items:center;justify-content:center;position:relative}body.hs-p-auth .auth-container{max-width:1080px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:stretch}@media (min-width:960px){body.hs-p-auth .auth-container{grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px)}}body.hs-p-auth .auth-brand-panel{background:linear-gradient(150deg,#faf7f0 0,#fff 60%,#f5eee6 100%);border:1.5px solid rgba(184,134,11,.25);border-radius:var(--radius-2xl);padding:clamp(28px,5vw,44px);display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:0 12px 36px rgba(20,67,47,.06)}body.hs-p-auth .auth-brand-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:rgba(184,134,11,.12);color:var(--home-gold-deep);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;border:1px solid rgba(184,134,11,.28);margin-bottom:var(--space-4);align-self:flex-start}body.hs-p-auth .auth-brand-title,body.hs-p-auth .auth-card-header h1{font-family:var(--font-display);font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:700;color:var(--home-emerald-dark);line-height:1.25;margin-bottom:var(--space-3)}body.hs-p-auth .auth-brand-subtitle{font-size:var(--text-sm);color:#4a5568;line-height:var(--lh-relaxed);margin-bottom:var(--space-6)}body.hs-p-auth .auth-feature-list{list-style:none;padding:0;margin:0 0 var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}body.hs-p-auth .auth-feature-item{display:flex;align-items:flex-start;gap:12px}body.hs-p-auth .auth-feature-icon{width:32px;height:32px;border-radius:8px;background:var(--home-emerald-tint);color:var(--home-emerald);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(20,67,47,.12)}body.hs-p-auth .auth-feature-item h4{font-size:.88rem;font-weight:700;color:var(--home-emerald-dark);margin:0 0 2px}body.hs-p-auth .auth-feature-item p{font-size:.8rem;color:#555;line-height:1.5;margin:0}body.hs-p-auth .auth-security-notice{background:rgba(20,67,47,.05);border:1px solid rgba(20,67,47,.14);border-radius:var(--radius-lg);padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:.78rem;color:#3c4840;line-height:1.45}body.hs-p-auth .auth-security-notice svg{color:var(--home-emerald);flex-shrink:0}body.hs-p-auth .auth-card{background:#fff;border:1.5px solid rgba(184,134,11,.22);border-radius:var(--radius-2xl);padding:clamp(28px,5vw,44px);box-shadow:0 16px 40px rgba(20,67,47,.08);display:flex;flex-direction:column;justify-content:center}body.hs-p-auth .auth-card-header{margin-bottom:var(--space-6)}body.hs-p-auth .auth-card-header h1{font-size:clamp(1.5rem,2.5vw,2rem);margin-bottom:var(--space-2)}body.hs-p-auth .auth-card-header p{font-size:var(--text-sm);color:var(--clr-text-secondary);margin:0}body.hs-p-auth .form-group{margin-bottom:var(--space-4)}body.hs-p-auth .form-input-wrap{position:relative}body.hs-p-auth .password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:0 0;border:0;color:#718096;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}body.hs-p-auth .password-toggle-btn:hover{color:var(--home-emerald-dark)}body.hs-p-auth .auth-options-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);font-size:.82rem;gap:8px;flex-wrap:wrap}body.hs-p-auth .checkbox-label{display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:#4a5568;user-select:none}body.hs-p-auth .checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--home-emerald);cursor:pointer}body.hs-p-auth .forgot-password-link{color:var(--home-gold-deep);text-decoration:none;font-weight:600;background:0 0;border:0;cursor:pointer;padding:0;font-size:.82rem;font-family:inherit;transition:color .15s ease,text-decoration .15s ease}body.hs-p-auth .forgot-password-link:hover{color:var(--home-emerald);text-decoration:underline}body.hs-p-auth .auth-alert{padding:12px 16px;border-radius:var(--radius-md);font-size:.85rem;margin-bottom:var(--space-4);display:none;align-items:flex-start;gap:10px;line-height:1.45}body.hs-p-auth .auth-alert--error{background:#fdf2f2;border:1.5px solid rgba(192,57,43,.3);color:#991b1b}body.hs-p-auth .auth-alert--success{background:#f0fdf4;border:1.5px solid rgba(34,197,94,.3);color:#166534}body.hs-p-auth .auth-alert.is-visible{display:flex}body.hs-p-auth .auth-switch-row{text-align:center;font-size:.86rem;color:#555;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid #ece7de}body.hs-p-auth .auth-switch-link{color:var(--home-emerald);font-weight:700;text-decoration:none;margin-left:4px;transition:color .15s ease}body.hs-p-auth .auth-switch-link:hover,body.hs-p-auth .reg-login-note a:hover{color:var(--home-gold-deep);text-decoration:underline}body.hs-p-auth .auth-support-card{margin-top:var(--space-6);background:var(--home-cream-alt);border:1px dashed rgba(184,134,11,.35);border-radius:var(--radius-lg);padding:14px 16px;font-size:.8rem;color:#3c4840}body.hs-p-auth .auth-support-card strong{color:var(--home-emerald-dark);display:block;margin-bottom:4px}body.hs-p-auth .auth-support-contacts{display:flex;gap:14px;margin-top:6px;flex-wrap:wrap}body.hs-p-auth .auth-support-link{color:var(--home-emerald);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:color .15s}body.hs-p-auth .auth-support-link:hover{color:var(--home-gold-deep)}body.hs-p-auth .modal-backdrop{position:fixed;inset:0;background:rgba(10,46,32,.55);backdrop-filter:blur(4px);z-index:2000;display:none;align-items:center;justify-content:center;padding:16px}body.hs-p-auth .modal-backdrop.is-open{display:flex}body.hs-p-auth .modal-dialog{background:#fff;border:2px solid rgba(184,134,11,.35);border-radius:var(--radius-2xl);max-width:460px;width:100%;padding:30px;box-shadow:0 24px 60px rgba(0,0,0,.2);position:relative;animation:modalFadeIn .25s ease-out}body.hs-p-auth .modal-close-btn{position:absolute;top:18px;right:18px;background:0 0;border:0;font-size:1.25rem;cursor:pointer;color:#888;padding:4px;border-radius:4px;transition:color .15s}body.hs-p-auth .modal-close-btn:hover{color:#222}body.hs-p-auth .topbar-marquee{background-color:#0a2e20;color:#fff;width:100%;overflow:hidden;position:relative;z-index:101;border-bottom:1px solid rgba(212,160,23,.35);box-shadow:0 2px 8px rgba(10,46,32,.25)}body.hs-p-auth .topbar-marquee__inner{display:flex;align-items:center;padding:8px 0;white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent)}body.hs-p-auth .topbar-marquee__track{display:flex;align-items:center;flex-shrink:0;white-space:nowrap;animation:topbarMarqueeSlide 42s linear infinite;will-change:transform}body.hs-p-auth .topbar-marquee:active .topbar-marquee__track,body.hs-p-auth .topbar-marquee:hover .topbar-marquee__track{animation-play-state:paused}body.hs-p-auth .topbar-marquee__item{display:inline-flex;align-items:center;flex-shrink:0;gap:1.75rem;padding:0 2rem;font-family:"Amiri","Noto Nastaliq Urdu","Traditional Arabic",serif;font-size:clamp(.92rem,1.05vw,1.05rem);font-weight:400;letter-spacing:.015em;line-height:1.7;direction:rtl;white-space:nowrap}body.hs-p-auth .topbar-ayah{color:#fff;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}body.hs-p-auth .topbar-ref{color:#f5c842;font-size:.88em;font-weight:700;white-space:nowrap;margin-right:4px}body.hs-p-auth .topbar-sep{color:#d4a017;font-size:.82rem;opacity:.85;padding:0 .5rem;user-select:none;white-space:nowrap}body.hs-p-auth .navbar__item--has-dropdown{position:relative;display:inline-flex;align-items:center;height:100%}body.hs-p-auth .navbar__link--has-arrow{display:inline-flex;align-items:center;gap:6px}body.hs-p-auth .navbar__dropdown-arrow{transition:transform .25s cubic-bezier(.25,1,.5,1);color:var(--clr-muted, #6B7280);display:inline-block;vertical-align:middle}body.hs-p-auth .navbar__item--has-dropdown.is-open .navbar__dropdown-arrow,body.hs-p-auth .navbar__item--has-dropdown:focus-within .navbar__dropdown-arrow,body.hs-p-auth .navbar__item--has-dropdown:hover .navbar__dropdown-arrow{transform:rotate(180deg);color:var(--home-gold-deep, #9A7008)}body.hs-p-auth .navbar__dropdown-menu{position:absolute;top:calc(100% + 8px);left:-20px;min-width:660px;background:#fff;border:1px solid rgba(184,134,11,.24);border-radius:16px;padding:22px 24px;box-shadow:0 20px 48px -10px rgba(20,67,47,.16),0 6px 20px rgba(184,134,11,.08),0 0 0 1px rgba(255,255,255,.8) inset;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),visibility .22s ease;z-index:1050}body.hs-p-auth .navbar__item--has-dropdown.is-open .navbar__dropdown-menu,body.hs-p-auth .navbar__item--has-dropdown:focus-within .navbar__dropdown-menu,body.hs-p-auth .navbar__item--has-dropdown:hover .navbar__dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}body.hs-p-auth .navbar__dropdown-inner{display:grid;grid-template-columns:210px 210px 190px;gap:20px;align-items:stretch}body.hs-p-auth .navbar__dropdown-col-title{font-size:.6875rem;font-weight:700;color:var(--home-gold-deep, #9A7008);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid rgba(184,134,11,.15);display:flex;align-items:center;gap:6px}body.hs-p-auth .navbar__dropdown-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}body.hs-p-auth .navbar__dropdown-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;text-decoration:none;font-size:.84375rem;font-weight:500;color:var(--home-emerald-dark, #0d3826);transition:background .18s ease,color .18s ease,transform .18s ease}body.hs-p-auth .navbar__dropdown-item-icon{width:26px;height:26px;border-radius:6px;background:rgba(20,67,47,.05);display:flex;align-items:center;justify-content:center;color:var(--home-emerald);flex-shrink:0;transition:background .18s ease,color .18s ease}body.hs-p-auth .navbar__dropdown-item:hover{background:rgba(20,67,47,.06);color:var(--home-emerald-dark, #0d3826);transform:translateX(3px)}body.hs-p-auth .navbar__dropdown-item:hover .navbar__dropdown-item-icon{background:rgba(184,134,11,.16);color:var(--home-gold-deep)}body.hs-p-auth .navbar__dropdown-card{background:linear-gradient(145deg,#faf7f0 0,#f5eee6 100%);border:1px solid rgba(184,134,11,.3);border-radius:12px;padding:16px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}body.hs-p-auth .navbar__dropdown-card-badge{display:inline-block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--home-emerald);background:rgba(20,67,47,.08);border:1px solid rgba(20,67,47,.16);padding:3px 8px;border-radius:999px;margin-bottom:8px;align-self:flex-start}body.hs-p-auth .navbar__dropdown-card-title,body.hs-p-auth .reg-header h1{font-family:var(--font-display);font-weight:700;color:var(--home-emerald-dark)}body.hs-p-auth .navbar__dropdown-card-title{font-size:.9375rem;margin-bottom:6px;line-height:1.3}body.hs-p-auth .navbar__dropdown-card-text{font-size:.78125rem;color:#555;line-height:1.45;margin-bottom:12px;flex-grow:1}body.hs-p-auth .navbar__dropdown-card-btn{display:inline-flex;align-items:center;gap:5px;font-size:.78125rem;font-weight:700;color:var(--home-emerald);text-decoration:none;transition:color .15s ease,gap .15s ease}body.hs-p-auth .navbar__dropdown-card-btn:hover{color:var(--home-gold-deep);gap:8px}body.hs-p-auth .reg-header{text-align:center;padding:clamp(36px,5vw,60px) var(--space-4) clamp(20px,3vw,36px);background:linear-gradient(150deg,#faf7f0 0,#fff 50%,#f5eee6 100%);border-bottom:1px solid rgba(184,134,11,.18)}body.hs-p-auth .reg-header-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:5px 16px;background:rgba(184,134,11,.12);color:var(--home-gold-deep);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;border:1px solid rgba(184,134,11,.28);margin-bottom:var(--space-3)}body.hs-p-auth .reg-header h1{font-size:clamp(1.75rem,3.8vw,2.6rem);line-height:1.25;margin-bottom:var(--space-2)}body.hs-p-auth .reg-header p{font-size:var(--text-sm);color:var(--clr-text-secondary);max-width:620px;margin:0 auto;line-height:var(--lh-relaxed)}body.hs-p-auth .stepper-wrap{background:#fff;border-bottom:1px solid var(--clr-border);padding:16px var(--space-4);position:sticky;top:72px;z-index:90;box-shadow:0 4px 16px rgba(20,67,47,.04)}body.hs-p-auth .stepper{max-width:860px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative}body.hs-p-auth .step-item{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1;text-align:center}body.hs-p-auth .step-item:not(:last-child)::after{content:"";position:absolute;top:17px;left:50%;width:100%;height:2px;background:#e2ddd6;z-index:-1;transition:background .3s ease}body.hs-p-auth .step-item.is-done:not(:last-child)::after{background:var(--home-emerald)}body.hs-p-auth .step-bubble{width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid #c9c2b8;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;transition:all .25s ease;margin-bottom:6px}body.hs-p-auth .step-item.is-active .step-bubble{border-color:var(--home-emerald);background:var(--home-emerald);color:#fff;box-shadow:0 0 0 4px rgba(20,67,47,.15)}body.hs-p-auth .step-item.is-done .step-bubble{border-color:var(--home-emerald);background:#e8f5ee;color:var(--home-emerald)}body.hs-p-auth .step-name{font-size:.75rem;font-weight:600;color:#718096;transition:color .25s ease;white-space:nowrap}body.hs-p-auth .step-item.is-active .step-name{color:var(--home-emerald-dark);font-weight:700}body.hs-p-auth .step-item.is-done .step-name{color:var(--home-emerald)}@media (max-width:640px){body.hs-p-auth .step-name{display:none}}body.hs-p-auth .reg-main{padding:clamp(30px,5vw,60px) var(--space-4) clamp(40px,6vw,80px);min-height:500px}body.hs-p-auth .reg-container{max-width:820px;margin:0 auto}body.hs-p-auth .step-card{background:#fff;border:1.5px solid rgba(184,134,11,.24);border-radius:var(--radius-2xl);padding:clamp(24px,4vw,44px);box-shadow:0 16px 44px rgba(20,67,47,.08);display:none;animation:stepFadeIn .3s ease-out both}body.hs-p-auth .form-control.is-invalid+.field-feedback,body.hs-p-auth .step-card.is-active{display:block}body.hs-p-auth .step-title{font-family:var(--font-display);font-size:clamp(1.35rem,2.4vw,1.85rem);font-weight:700;color:var(--home-emerald-dark);margin-bottom:6px}body.hs-p-auth .step-desc{font-size:var(--text-sm);color:var(--clr-text-secondary);margin-bottom:var(--space-6);line-height:var(--lh-relaxed)}body.hs-p-auth .form-grid-2{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:640px){body.hs-p-auth .form-grid-2{grid-template-columns:1fr 1fr;gap:20px}}body.hs-p-auth .form-group-full{grid-column:1/-1}body.hs-p-auth .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}body.hs-p-auth .form-label{font-size:.84rem;font-weight:600;color:var(--home-emerald-dark);display:flex;justify-content:space-between;align-items:center}body.hs-p-auth .form-label .req{color:#c0392b;margin-left:2px}body.hs-p-auth .form-control{width:100%;border:1.5px solid var(--clr-border);background:#fafaf7;border-radius:var(--radius-md);padding:11px 14px;font-size:.92rem;font-family:var(--font-body);color:#1c2826;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;box-sizing:border-box}body.hs-p-auth .form-control:focus{outline:0;border-color:var(--home-emerald);background:#fff;box-shadow:0 0 0 3.5px rgba(20,67,47,.12)}body.hs-p-auth .form-control.is-invalid{border-color:#c0392b!important;background:#fff8f8!important;box-shadow:0 0 0 3px rgba(192,57,43,.12)!important}body.hs-p-auth .field-feedback{font-size:.78rem;color:#c0392b;margin-top:3px}body.hs-p-auth textarea.form-control{min-height:80px;resize:vertical}body.hs-p-auth .gender-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px}body.hs-p-auth .gender-card{position:relative}body.hs-p-auth .gender-card input[type=radio],body.hs-p-auth .pkg-card-opt input[type=radio]{position:absolute;opacity:0;width:0;height:0}body.hs-p-auth .gender-card-label{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#fafaf7;border:1.5px solid var(--clr-border);border-radius:var(--radius-md);font-size:.88rem;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s ease;text-align:center}body.hs-p-auth .gender-card input:checked+.gender-card-label{border-color:var(--home-emerald);background:#e8f5ee;color:var(--home-emerald-dark);box-shadow:0 0 0 3px rgba(20,67,47,.12)}body.hs-p-auth .pkg-selector-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:var(--space-6)}@media (min-width:720px){body.hs-p-auth .pkg-selector-grid{grid-template-columns:repeat(3,1fr)}}body.hs-p-auth .pkg-card-opt{position:relative}body.hs-p-auth .pkg-card-body{background:#fafaf7;border:2px solid var(--clr-border);border-radius:var(--radius-xl);padding:22px 18px;display:flex;flex-direction:column;justify-content:space-between;height:100%;cursor:pointer;box-sizing:border-box;transition:all .25s ease;position:relative}body.hs-p-auth .pkg-card-opt input:checked+.pkg-card-body{border-color:var(--home-emerald);background:#fff;box-shadow:0 10px 28px rgba(20,67,47,.12);transform:translateY(-3px)}body.hs-p-auth .pkg-card-opt.signature input:checked+.pkg-card-body{border-color:var(--home-gold-deep);box-shadow:0 10px 28px rgba(184,134,11,.18)}body.hs-p-auth .pkg-badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:999px;margin-bottom:10px;align-self:flex-start;background:rgba(20,67,47,.08);color:var(--home-emerald)}body.hs-p-auth .pkg-card-name,body.hs-p-auth .pkg-card-price{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--home-emerald-dark);margin-bottom:6px}body.hs-p-auth .pkg-card-price{font-size:1.35rem;color:var(--home-emerald);margin-bottom:4px}body.hs-p-auth .pkg-card-duration{font-size:.72rem;font-weight:600;color:#718096;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}body.hs-p-auth .pkg-card-desc{font-size:.78rem;color:#555;line-height:1.5;margin-bottom:14px;flex-grow:1}body.hs-p-auth .pkg-card-features{list-style:none;margin:0;border-top:1px solid #e2ddd6;padding:12px 0 0;display:flex;flex-direction:column;gap:6px}body.hs-p-auth .pkg-card-features li{font-size:.75rem;color:#444;display:flex;align-items:center;gap:6px}body.hs-p-auth .pkg-card-features svg{color:var(--home-emerald);stroke:var(--home-emerald);fill:none;flex-shrink:0}body.hs-p-auth .pkg-check-indicator{width:26px;height:26px;border-radius:50%;border:2px solid #cbd5e0;background:#fff;margin-top:18px;display:flex;align-items:center;justify-content:center;align-self:center;transition:all .22s var(--ease-smooth, ease);box-sizing:border-box;flex-shrink:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.04)}body.hs-p-auth .pkg-card-body:hover .pkg-check-indicator{border-color:var(--home-emerald-light, #1E5C41)}body.hs-p-auth .pkg-check-indicator .pkg-check-svg{width:14px;height:14px;opacity:0;transform:scale(.4);transition:opacity .2s ease,transform .2s ease;stroke:#fff!important;fill:none!important}body.hs-p-auth .pkg-card-opt input:checked+.pkg-card-body .pkg-check-indicator{border-color:var(--home-emerald);background:var(--home-emerald);box-shadow:0 0 0 3px rgba(20,67,47,.2),0 2px 6px rgba(20,67,47,.25)}body.hs-p-auth .pkg-card-opt.signature input:checked+.pkg-card-body .pkg-check-indicator{border-color:var(--home-gold-deep);background:var(--home-gold-deep);box-shadow:0 0 0 3px rgba(184,134,11,.25),0 2px 6px rgba(184,134,11,.3)}body.hs-p-auth .pkg-card-opt input:checked+.pkg-card-body .pkg-check-indicator .pkg-check-svg{opacity:1;transform:scale(1)}body.hs-p-auth .payment-summary-box{background:linear-gradient(150deg,#faf7f0 0,#fff 100%);border:1.5px solid rgba(184,134,11,.3);border-radius:var(--radius-xl);padding:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:12px}body.hs-p-auth .payment-summary-pkg h3{font-family:var(--font-display);font-size:1.25rem;color:var(--home-emerald-dark);margin:0 0 4px}body.hs-p-auth .payment-summary-pkg p{font-size:.8rem;color:#666;margin:0}body.hs-p-auth .payment-summary-amt{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--home-emerald)}body.hs-p-auth .payment-method-tabs{display:flex;gap:10px;margin-bottom:var(--space-5);border-bottom:2px solid #e2ddd6;padding-bottom:12px;flex-wrap:wrap}body.hs-p-auth .payment-tab-btn{background:#fafaf7;border:1.5px solid var(--clr-border);border-radius:var(--radius-md);padding:10px 18px;font-size:.84rem;font-weight:600;color:#4a5568;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .2s ease}body.hs-p-auth .payment-tab-btn.is-active{background:var(--home-emerald);color:#fff;border-color:var(--home-emerald)}body.hs-p-auth .payment-detail-card{background:#faf7f0;border:1px solid rgba(184,134,11,.25);border-radius:var(--radius-lg);padding:18px;margin-bottom:var(--space-5)}body.hs-p-auth .payment-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:.85rem;gap:8px}body.hs-p-auth .payment-row:last-child{border-bottom:none}body.hs-p-auth .payment-key{color:#718096;font-weight:500}body.hs-p-auth .payment-val{color:var(--home-emerald-dark);font-weight:700;display:flex;align-items:center;gap:6px}body.hs-p-auth .copy-chip{background:rgba(20,67,47,.08);border:1px solid rgba(20,67,47,.15);border-radius:4px;padding:2px 8px;font-size:.72rem;cursor:pointer;color:var(--home-emerald);transition:background .15s}body.hs-p-auth .copy-chip:hover{background:var(--home-emerald);color:#fff}body.hs-p-auth .verification-card{text-align:center;padding:20px 10px}body.hs-p-auth .verification-icon-wrap{width:72px;height:72px;border-radius:50%;background:#e8f5ee;color:#065f46;border:2px solid rgba(16,185,129,.35);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);animation:pulseGreen 2s infinite alternate}body.hs-p-auth .verification-profile-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(184,134,11,.12);border:1.5px solid var(--home-gold-deep);border-radius:999px;padding:6px 20px;font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--home-emerald-dark);margin-bottom:var(--space-5)}body.hs-p-auth .verification-steps-list{max-width:600px;margin:var(--space-5) auto var(--space-6);text-align:left;background:#fafaf7;border:1px solid var(--clr-border);border-radius:var(--radius-xl);padding:20px 24px;display:flex;flex-direction:column;gap:14px}body.hs-p-auth .v-step{display:flex;align-items:flex-start;gap:12px}body.hs-p-auth .v-step-num{width:26px;height:26px;border-radius:50%;background:var(--home-emerald);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}body.hs-p-auth .v-step-text h4{font-size:.88rem;font-weight:700;color:var(--home-emerald-dark);margin:0 0 3px}body.hs-p-auth .v-step-text p{font-size:.8rem;color:#555;line-height:1.45;margin:0}body.hs-p-auth .verification-disclaimer-box{max-width:600px;margin:0 auto var(--space-6);background:rgba(20,67,47,.04);border-left:3px solid var(--home-emerald);border-radius:0 8px 8px 0;padding:14px 18px;text-align:left;font-size:.8rem;color:#3c4840;line-height:1.5}body.hs-p-auth .step-actions{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid #ece7de}body.hs-p-auth .step-actions-right{display:flex;gap:12px;margin-left:auto}body.hs-p-auth .reg-login-note{text-align:center;margin-top:var(--space-6);font-size:.86rem;color:#555}body.hs-p-auth .reg-login-note a{color:var(--home-emerald);font-weight:700;text-decoration:none}body.hs-p-auth .whatsapp-float{position:fixed;bottom:24px;right:24px;z-index:999;width:54px;height:54px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 20px rgba(37,211,102,.45);transition:transform .25s var(--ease-smooth),box-shadow .25s ease}body.hs-p-auth .whatsapp-float:hover{transform:scale(1.1) translateY(-3px);box-shadow:0 10px 28px rgba(37,211,102,.55);color:#fff}body.hs-p-auth .hs-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}body.hs-p-auth .hs-lcp,body.hs-p-auth .hs-lcp *{opacity:1!important}body.hs-p-auth .form-group.has-error .form-control{border-color:#b03030!important;box-shadow:0 0 0 3px rgba(176,48,48,.12)!important}body.hs-p-auth .form-group.has-error .field-feedback{display:block;color:#8a2020;font-size:.8rem;margin-top:6px}body.hs-p-auth .field-feedback{display:none}body.hs-p-auth .auth-alert[hidden],body.hs-p-auth .payment-tab-panel[hidden],body.hs-p-auth .step-card[hidden]{display:none!important}body.hs-p-auth .hs-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}body.hs-p-auth .btn[aria-busy=true]{opacity:.75;cursor:progress}body.hs-p-auth .hs-account{max-width:940px;margin:0 auto;padding:0 20px 64px}body.hs-p-auth .hs-account-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;padding:28px 0 20px;border-bottom:1px solid rgba(20,67,47,.12);margin-bottom:28px}body.hs-p-auth .hs-account-title{font-family:var(--font-display, Georgia, serif);font-size:clamp(1.5rem,3.2vw,2.1rem);line-height:1.2;color:var(--home-emerald-dark, #0F3D2E);margin:0 0 6px}body.hs-p-auth .hs-account-pid{margin:0;font-size:.9rem;color:#56635c;letter-spacing:.02em}body.hs-p-auth .hs-account-pid strong{font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--home-emerald, #14432F)}body.hs-p-auth .hs-account-badge{display:inline-block;padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}body.hs-p-auth .hs-account-panel,body.hs-p-auth .hs-account-section{background:#fff;border:1px solid rgba(20,67,47,.1);border-radius:16px;padding:26px;margin-bottom:24px;box-shadow:0 1px 2px rgba(20,67,47,.04)}body.hs-p-auth .hs-account-email{font-size:.85rem;color:#56635c}body.hs-p-auth .hs-account-signout{text-align:center;margin:8px 0 0;font-size:.9rem}body.hs-p-auth .hs-account-signout a{color:#8a2020;text-decoration:underline;text-underline-offset:3px}body.hs-p-auth .step-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:22px}@media (max-width:600px){body.hs-p-auth .hs-account{padding:0 16px 48px}body.hs-p-auth .hs-account-panel,body.hs-p-auth .hs-account-section{padding:20px 16px}body.hs-p-auth .step-actions{flex-direction:column;align-items:stretch}body.hs-p-auth .step-actions .btn{width:100%;justify-content:center}}
/* ==========================================================================
   fix 2026-09-19b, part 2 of 2 — plain-HTML button system
   --------------------------------------------------------------------------
   The site's own .hs-btn variant rules only target Elementor button widgets
   (.hs-btn--primary > .elementor-button-wrapper > .elementor-button), so a
   shortcode-rendered <button class="hs-btn hs-btn--primary"> picked up the
   base pill geometry and nothing else: no fill, no border colour, no --lg
   sizing. These are components.css's .btn rules ported onto .hs-btn for
   plain elements only — :where(:not(.elementor-widget)) leaves the widget
   wrappers in the shared header and footer untouched.
   ========================================================================== */
body.hs-p-auth .hs-btn:where(:not(.elementor-widget)){display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.75rem 1.5rem;font-family:'Inter',sans-serif;font-size:.875rem;font-weight:600;line-height:1;letter-spacing:.01em;border-radius:9999px;border:2px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .15s ease;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}
body.hs-p-auth .hs-btn:where(:not(.elementor-widget)):focus-visible{outline:2px solid var(--clr-primary);outline-offset:3px}
body.hs-p-auth .hs-btn:where(:not(.elementor-widget))[disabled],body.hs-p-auth .hs-btn:where(:not(.elementor-widget)):disabled{opacity:.5;pointer-events:none;cursor:not-allowed}
body.hs-p-auth .hs-btn--primary:where(:not(.elementor-widget)){background:var(--clr-primary);border-color:var(--clr-primary);color:#fff}
body.hs-p-auth .hs-btn--primary:where(:not(.elementor-widget)):hover,body.hs-p-auth .hs-btn--primary:where(:not(.elementor-widget)):focus-visible{background:#9a7009;border-color:#9a7009;color:#fff;box-shadow:0 4px 16px rgba(184,134,11,.4);transform:translateY(-1px)}
body.hs-p-auth .hs-btn--primary:where(:not(.elementor-widget)):active{transform:translateY(0);box-shadow:none;color:#fff}
body.hs-p-auth .hs-btn--secondary:where(:not(.elementor-widget)){background:var(--clr-secondary);border-color:var(--clr-secondary);color:#fff}
body.hs-p-auth .hs-btn--secondary:where(:not(.elementor-widget)):hover,body.hs-p-auth .hs-btn--secondary:where(:not(.elementor-widget)):focus-visible{background:#0F3D2E;border-color:#0F3D2E;color:#fff;box-shadow:0 4px 16px rgba(20,67,47,.35);transform:translateY(-1px)}
body.hs-p-auth .hs-btn--outline:where(:not(.elementor-widget)){background:transparent;border-color:var(--clr-primary);color:var(--clr-primary)}
body.hs-p-auth .hs-btn--outline:where(:not(.elementor-widget)):hover,body.hs-p-auth .hs-btn--outline:where(:not(.elementor-widget)):focus-visible{background:var(--clr-primary);border-color:var(--clr-primary);color:#fff;box-shadow:0 4px 16px rgba(184,134,11,.3);transform:translateY(-1px)}
body.hs-p-auth .hs-btn--outline:where(:not(.elementor-widget)):active{transform:translateY(0);box-shadow:none;color:#fff}
body.hs-p-auth .hs-btn--whatsapp:where(:not(.elementor-widget)){background:#25D366;border-color:#25D366;color:#fff}
body.hs-p-auth .hs-btn--whatsapp:where(:not(.elementor-widget)):hover,body.hs-p-auth .hs-btn--whatsapp:where(:not(.elementor-widget)):focus-visible{background:#1eba57;border-color:#1eba57;color:#fff;box-shadow:0 4px 16px rgba(37,211,102,.35);transform:translateY(-1px)}
body.hs-p-auth .hs-btn--whatsapp:where(:not(.elementor-widget)):active{transform:translateY(0);box-shadow:none;color:#fff}
body.hs-p-auth .hs-btn--ghost:where(:not(.elementor-widget)){background:transparent;border-color:transparent;color:var(--clr-secondary-dark)}
body.hs-p-auth .hs-btn--ghost:where(:not(.elementor-widget)):hover{background:var(--clr-secondary-xlight);color:var(--clr-secondary-dark)}
body.hs-p-auth .hs-btn--sm:where(:not(.elementor-widget)){font-size:.75rem;padding:.5rem 1rem}
body.hs-p-auth .hs-btn--lg:where(:not(.elementor-widget)){font-size:1rem;padding:1rem 2rem}
body.hs-p-auth .hs-btn--block:where(:not(.elementor-widget)){width:100%}

/* Login-page parity: login.html and register.html disagree on two values and
   the merged sheet let register's win everywhere. Restore login's own. */
body.hs-p-login .form-group{margin-bottom:var(--space-4)}
body.hs-p-login .form-control{padding:12px 14px}

/* components.css .container — register.html wraps .reg-header's content in it. */
body.hs-p-auth .container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}
body.hs-p-auth .container--narrow{max-width:720px}
body.hs-p-auth .container--md{max-width:960px}

/* The generator rewrote deviations-account.css's body.hs-p-account prefix to
   body.hs-p-auth, so account-only rules leaked onto login and register. The
   one that showed was .step-actions{margin-top:22px} overriding the register
   design's var(--space-6), plus its <=600px column stacking. Restore both for
   register and leave the account page's own behaviour alone. */
body.hs-p-register .step-actions{margin-top:var(--space-6)}
@media (max-width:600px){body.hs-p-register .step-actions{flex-direction:row;align-items:center}}

/* Two rules still selected .btn after the markup moved to .hs-btn, so the
   busy state and the account page's full-width mobile buttons never applied. */
body.hs-p-auth .hs-btn[aria-busy="true"]{opacity:.75;cursor:progress}
@media (max-width:600px){body.hs-p-account .step-actions .hs-btn{width:100%;justify-content:center}}

/* components.css's form-component rules, which the generator never saw either.
   The <select> chevron and the placeholder colour are the visible ones; the
   :last-child margin reset is what kept the register step cards the right
   height. :hover is qualified with :not(:focus) so it cannot override the
   page design's emerald focus ring. */
body.hs-p-auth .form-group:last-child{margin-bottom:0}
body.hs-p-auth .form-label .required{color:#B22222;margin-left:2px}
body.hs-p-auth .form-control::placeholder{color:var(--clr-muted);opacity:.75}
body.hs-p-auth .form-control:hover:not(:focus){border-color:rgba(184,134,11,.5)}
body.hs-p-auth select.form-control{cursor:pointer;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;background-size:16px}

/* .form-control needs appearance:none or the browser keeps rendering <select>
   as a native widget — which is why the chevron above had a native arrow
   beside it and every <select> resolved line-height to `normal` instead of
   inheriting the design's 1.5. components.css also sets outline:none here;
   that is deliberately NOT ported, because the design's only focus indicator
   is a 12%-opacity box-shadow ring and dropping the outline with it would
   fail WCAG 2.4.7. The focus-visible outline in part 1 stays. */
body.hs-p-auth .form-control{-webkit-appearance:none;appearance:none}
body.hs-p-auth textarea.form-control{line-height:1.6}

/* login.html and register.html disagree here too; the merged sheet gave both
   pages register's value. */
body.hs-p-login .field-feedback{margin-top:4px}
body.hs-p-auth .step-title:focus-visible{outline:none}
/* reg-fieldset grouping (2026-09-23) */
body.hs-p-auth .reg-fieldset{border:0;margin:0 0 var(--space-6);padding:0}body.hs-p-auth .reg-fieldset+.reg-fieldset{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--clr-border)}body.hs-p-auth .reg-fieldset__legend{display:flex;align-items:center;gap:8px;padding:0;font-family:var(--font-display);font-size:var(--text-md);font-weight:600;color:var(--clr-secondary);margin-bottom:var(--space-4)}body.hs-p-auth .reg-fieldset__legend::before{content:"";width:4px;height:18px;border-radius:var(--radius-full);background:var(--clr-primary);flex:none}body.hs-p-auth .reg-fieldset__note{font-size:var(--text-xs);color:var(--clr-text-muted);margin:-8px 0 var(--space-4)}body.hs-p-auth .field-other{margin-top:8px}body.hs-p-auth .field-other[hidden]{display:none}
/* fix 2026-09-23: register/login/account selects now use the site hs-custom-select widget (matches home quick-search), not bare native dropdowns — wire error state onto the visible trigger since .form-control is now sr-only */body.hs-p-auth .form-group.has-error .hs-custom-select-trigger{border-color:#b03030;box-shadow:0 0 0 3px rgba(176,48,48,.12)}body.hs-p-auth .hs-custom-select-field{width:100%}
/* fix 2026-09-23 round 2: the hs-custom-select widget rules live in the site-wide sheet at (0,2,0) specificity, but this page’s own base reset (body.hs-p-auth :is(.auth-section,.reg-header,.stepper-wrap,.reg-main,.hs-account) :where(button/*) ) computes to (0,2,1) — one extra element (body) — and was silently winning, stripping border/background/padding off every select trigger and option. Re-declare here with one more class of specificity so it always wins on this page family. */body.hs-p-auth .hs-custom-select-field .hs-custom-select-trigger{width:100%;padding:10px 13px;background:#FAFAF7;border:1.5px solid rgba(184,134,11,.35);border-radius:8px;color:#0d3826;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}body.hs-p-auth .hs-custom-select-field .hs-custom-select-trigger:hover{border-color:#B8860B;background:#FFFFFF}body.hs-p-auth .hs-custom-select-field .hs-custom-select-trigger:focus,body.hs-p-auth .hs-custom-select-field .hs-custom-select-wrapper.hs-is-open .hs-custom-select-trigger{outline:none;border-color:#B8860B;box-shadow:0 0 0 3px rgba(184,134,11,.18);background:#FFFFFF}body.hs-p-auth .hs-custom-select-field .hs-custom-select-option{padding:9px 12px;margin:2px 0;border-radius:8px;color:#0d3826;cursor:pointer;font-weight:500;transition:background .15s ease,color .15s ease}body.hs-p-auth .hs-custom-select-field .hs-custom-select-option:hover{background:rgba(20,67,47,.06);color:#0d3826}body.hs-p-auth .hs-custom-select-field .hs-custom-select-option.hs-is-selected{background:rgba(184,134,11,.12);color:#9A7008;font-weight:700}body.hs-p-auth .hs-custom-select-field .hs-custom-select-menu{padding:6px}

/*hs-success-v2*/
body.hs-p-auth .verification-card{padding:8px 0}
body.hs-p-auth .verification-card .step-title{font-size:clamp(1.4rem,2.2vw,1.65rem);line-height:1.25;margin:0 0 8px}
body.hs-p-auth .verification-card .step-desc{max-width:520px;margin:0 auto var(--space-5);font-size:.92rem;line-height:1.6}
body.hs-p-auth .verification-icon-wrap{width:60px;height:60px}
body.hs-p-auth .verification-profile-badge{font-size:.95rem;padding:6px 18px;margin-bottom:var(--space-4)}
body.hs-p-auth .verification-steps-list{gap:0;padding:6px 22px;margin:var(--space-4) auto var(--space-5)}
body.hs-p-auth .v-step{align-items:flex-start;padding:14px 0;border-bottom:1px solid rgba(20,67,47,.1)}
body.hs-p-auth .v-step:last-child{border-bottom:0}
body.hs-p-auth .v-step-text h3,body.hs-p-auth .v-step-text h4{font-family:inherit;font-size:.95rem;line-height:1.35;font-weight:700;letter-spacing:0;color:var(--home-emerald-dark);margin:0 0 4px}
body.hs-p-auth .v-step-text p{font-size:.85rem;color:#4a5550;line-height:1.55;margin:0}
body.hs-p-auth .verification-disclaimer-box{font-size:.82rem;line-height:1.55}
body.hs-p-auth .verification-disclaimer-box strong{display:block;font-size:.88rem;color:var(--home-emerald-dark);margin-bottom:4px}
@media(max-width:600px){body.hs-p-auth .verification-steps-list{padding:4px 16px}body.hs-p-auth .verification-profile-badge{font-size:.88rem;padding:6px 14px}}