@import url('v1-home.css?v=20261004home');
/* Approved Learning Studio V1. Presentation only; user shell opts in via ls-v1.
   Page adapters consume the same primitives. Admin's independent base is excluded. */
@font-face{font-family:Manrope;src:url('../fonts/studio/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url('../fonts/studio/NotoSansArabic.ttf') format('truetype');font-weight:100 900;font-display:swap}
.ls-v1{
 --ls-navy:#003366;--ls-action:#2563eb;--ls-action-hover:#1d4ed8;
 --ls-text:#112b44;--ls-muted:#526479;--ls-border:#dce4ee;--ls-subtle:#f3f6fa;--ls-surface:#fff;
 --ls-success:#177349;--ls-danger:#b83c36;--ls-warning:#8a460c;
 --ls-radius-control:9px;--ls-radius-surface:14px;--ls-radius-feature:18px;
 --ls-shadow:0 8px 26px #00336608;--ls-content-width:1248px;--ls-copy-width:72ch;
 --ls-font-latin:Manrope,'Segoe UI',sans-serif;--ls-font-arabic:'Noto Sans Arabic','Segoe UI',sans-serif;
 --brand-dark-text:var(--ls-text);--brand-border:var(--ls-border);--brand-primary:var(--ls-navy);
 --brand-secondary:var(--ls-action);--brand-white:var(--ls-surface);--brand-light-gray:var(--ls-subtle);
 font-family:var(--ls-font-latin);font-size:16px;line-height:1.7;
}
html[dir=rtl] .ls-app.ls-v1{font-family:var(--ls-font-arabic);line-height:1.9}
.ls-v1 :is(h1,h2,h3,h4,h5,h6){--brand-dark-text:var(--ls-navy);color:var(--ls-navy);font-weight:750;letter-spacing:-.035em;line-height:1.3}
html[dir=rtl] .ls-v1 :is(h1,h2,h3,h4,h5,h6){letter-spacing:0;line-height:1.5}
.ls-v1 p{color:var(--ls-muted)}.ls-v1 .text-muted{--brand-dark-text:var(--ls-muted)}
.ls-v1 :is(input,button,select,textarea){font-family:inherit}
.ls-v1 :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--ls-action);outline-offset:4px}
.ls-v1 :is(bdi,[dir=ltr]){unicode-bidi:isolate}.ls-v1 bdi[dir=ltr]{direction:ltr}
.ls-v1 .ls-nav-frame{max-width:var(--ls-content-width);direction:inherit;padding-inline:24px;gap:26px;min-height:80px}
.ls-v1 .ls-brand img{width:112px;height:44px}.ls-v1 .ls-nav-link{font-size:14px;font-weight:650;padding-inline:12px;border-radius:0}
.ls-v1 .ls-nav-link.active{background:transparent;border-color:transparent;color:var(--ls-navy);box-shadow:inset 0 -2px var(--ls-action)}
.ls-v1 .ls-nav-actions{gap:12px}.ls-v1 .ls-menu-toggle{margin-left:0;margin-inline-start:auto}
.ls-v1 :is(.ls-button,.btn,.ls-action){border-radius:var(--ls-radius-control);font-weight:700;text-transform:none;letter-spacing:0;min-height:48px;font-size:14px;line-height:1.6;white-space:normal;box-shadow:none;transform:none}
.ls-v1 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;max-width:100%}
.ls-v1 :is(.btn-primary,.ls-button-primary,.ls-action-primary){background:var(--ls-action);border:1px solid var(--ls-action);color:#fff;box-shadow:0 3px 8px #2563eb12}
.ls-v1 :is(.btn-primary,.ls-button-primary,.ls-action-primary):hover{background:var(--ls-action-hover);border-color:var(--ls-action-hover);color:#fff;transform:none;box-shadow:0 3px 8px #2563eb12}
.ls-v1 :is(.btn-outline-primary,.btn-outline-secondary,.btn-secondary,.ls-button-outline,.ls-action-neutral){background:var(--ls-surface);border:1px solid #bdcadd;color:var(--ls-navy);box-shadow:none}
.ls-v1 :is(.btn-outline-primary,.btn-outline-secondary,.btn-secondary,.ls-button-outline,.ls-action-neutral):hover{background:var(--ls-subtle);border-color:#92a9c7;color:var(--ls-navy);transform:none;box-shadow:none}
.ls-v1 .btn-danger{background:var(--ls-danger);border-color:var(--ls-danger)}
.ls-v1 :is(.form-control,.form-select,.ls-field){min-height:49px;padding:11px 14px;border-radius:var(--ls-radius-control);border:1px solid #bdcadd;line-height:1.6;font-size:16px;box-shadow:none}
.ls-v1 :is(.form-label,label){color:var(--ls-text)}
.ls-v1 .form-label{font-size:14px;font-weight:700;margin-block-end:8px}
.ls-v1 :is(.alert,.modal-content){border-radius:var(--ls-radius-surface);font-size:14px;line-height:1.85}
.ls-v1 .modal-content{border:1px solid var(--ls-border);box-shadow:0 18px 50px #00336616}
.ls-v1 .modal-title{font-size:22px}.ls-v1 .modal-header{padding:20px 24px}.ls-v1 .modal-footer{padding:16px 24px;gap:10px}
.ls-v1 .modal-body{padding:24px}.ls-v1 .alert{padding:16px 18px;text-align:start}
.ls-v1 .alert-danger{color:var(--ls-danger);background:#fff3f2;border-color:#eecbc8}
.ls-v1 .alert-success{color:var(--ls-success);background:#eff8f3;border-color:#c9e1d4}
.ls-v1 .alert-warning{color:var(--ls-warning);background:#fff6e9;border-color:#eed8bc}
.ls-v1 .alert-info{color:var(--ls-navy);background:#edf3fc;border-color:#cedbf0}
.ls-v1 .badge{border-radius:5px;font-weight:650;letter-spacing:0;line-height:1.7;white-space:normal}
/* Legacy important card/utility rules predate the opt-in shell. These small,
   scoped guards keep their cascade out of V1 without changing admin consumers. */
.ls-v1 :is(.ls-seo,.ls-legal) .card{border:1px solid var(--ls-border)!important;box-shadow:none!important;transition:background-color .15s!important;border-radius:var(--ls-radius-surface);transform:none}
.ls-v1 :is(.ls-seo,.ls-legal) .card:hover{border-color:var(--ls-border)!important;box-shadow:none!important;transform:none}
.ls-v1 :is(.ls-seo,.ls-legal) .shadow-sm{box-shadow:none!important}
/* Authentication: editorial entry plus a single working form surface. */
.ls-v1 .ls-auth{background:var(--ls-subtle);text-align:start}
.ls-v1 .ls-auth-container{padding:48px 24px}
.ls-v1 .ls-auth-entry{max-width:1080px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);align-items:start;gap:clamp(32px,6vw,92px)}
.ls-v1 .ls-auth-intro{padding-block:24px;max-width:470px}
.ls-v1 .ls-auth-intro .ls-auth-title{font-size:clamp(32px,3.4vw,46px);line-height:1.25;margin-block:0 20px}
.ls-v1 .ls-auth-intro>p{font-size:16px;line-height:1.9;max-width:42ch}
.ls-v1 .ls-auth-intro .ls-auth-offer{font-size:13px;margin-block:24px 0;padding-inline-start:16px;border-inline-start:3px solid var(--ls-action);line-height:1.85}
.ls-v1 .ls-auth-width,.ls-v1 .ls-auth-panel{max-width:470px}
.ls-v1 .ls-auth-panel{border-radius:var(--ls-radius-feature);box-shadow:var(--ls-shadow)}
.ls-v1 .ls-auth-body{padding:30px}
.ls-v1 .ls-auth-title{font-size:30px;margin-block-end:12px}
.ls-v1 .ls-auth .ls-action,.ls-v1 .ls-auth-dialog .ls-action{padding:11px 16px;font-size:14px}
/* User-requested emphasis for the existing Google sign-in action. */
.ls-v1 .ls-auth .ls-google{background:#c5221f;border-color:#c5221f;color:#fff}
.ls-v1 .ls-auth .ls-google:hover{background:#a31c19;border-color:#a31c19;color:#fff}
.ls-v1 .ls-auth .ls-google .fab{color:inherit}
.ls-v1 .ls-auth .ls-tabs{gap:0}.ls-v1 .ls-auth .ls-tabs .nav-link{font-size:14px;font-weight:700;min-height:46px}
.ls-v1 .ls-auth :is(#password-criteria, #password-match-feedback){font-size:13px;border-radius:var(--ls-radius-control)}
.ls-v1 .ls-auth :is(small,.small){font-size:13px;line-height:1.85}
.ls-v1 .ls-auth .input-group .ls-action{min-width:49px;padding-inline:12px}
.ls-v1 .ls-auth :is(.text-center,.text-end):has(h1){text-align:start!important}
.ls-v1.ls-auth-callback{--brand-white:var(--ls-subtle)}
.ls-v1.ls-auth-callback .ls-auth-panel{text-align:start!important}
.ls-v1.ls-auth-callback .spinner-border{width:28px!important;height:28px!important;border-width:3px}
/* Shared content widths and heading hierarchy. */
.ls-v1 :is(.ls-public>.container,.ls-account,.dashboard-v2){max-width:var(--ls-content-width);margin-inline:auto}
.ls-v1 .ls-public>.container{padding:48px 32px}
.ls-v1 .ls-public-hero{max-width:820px;margin-block-end:34px}
.ls-v1 .ls-public-hero>.btn{margin-inline-end:12px;margin-block-end:8px}
.ls-v1 .ls-public h1{font-size:clamp(34px,4.1vw,48px);font-weight:750;line-height:1.25;margin-block-end:18px}
.ls-v1 .ls-public h2{font-size:27px;margin-block:0 16px;line-height:1.4}
.ls-v1 .ls-public h3{font-size:20px;margin-block:24px 12px}
.ls-v1 .ls-public .lead{font-size:17px;line-height:1.85;max-width:65ch}
.ls-v1 .ls-public-grid{gap:24px}
.ls-v1 .ls-public-card{padding:30px;border-radius:var(--ls-radius-surface);box-shadow:none}
.ls-v1 .ls-public-section{margin-block:36px}
.ls-v1 .ls-public details{padding-block:10px}
.ls-v1 .ls-public summary{font-size:15px;font-weight:700}
.ls-v1 .ls-public details p{max-width:var(--ls-copy-width);font-size:14px}
/* Pricing has two distinct, readable plans, with the existing Pro action. */
.ls-v1 .ls-pricing .ls-public-grid{align-items:start}
.ls-v1 .ls-pricing .ls-public-card{display:flex;flex-direction:column;padding:32px}
.ls-v1 .ls-pricing .ls-public-card h2{font-size:25px}
.ls-v1 .ls-pricing .ls-plan-pro{border:1px solid #aac2e9;border-block-start:4px solid var(--ls-action);background:#f6f9ff;box-shadow:var(--ls-shadow)}
.ls-v1 .ls-pricing .ls-price{font-family:var(--ls-font-latin);font-size:43px;line-height:1.3;letter-spacing:-.035em;margin-block:8px 20px;display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}
.ls-v1 .ls-pricing .ls-price span{font-family:inherit;font-size:13px;font-weight:500;letter-spacing:0}
.ls-v1 .ls-pricing :is(ul,.ls-billing-terms){font-size:14px;line-height:1.95}
.ls-v1 .ls-pricing .ls-public-card>.btn{align-self:flex-start;margin-block:14px 10px;min-width:190px}
.ls-v1 .ls-pricing .ls-public-card>p.small{margin-block:0;font-size:13px}
/* About and legal content use a reading rhythm rather than repeated card grids. */
.ls-v1 .ls-about .ls-public-hero{padding-block-end:28px;border-block-end:1px solid var(--ls-border);max-width:none}
.ls-v1 .ls-about .ls-public-hero .lead{max-width:65ch}
.ls-v1 .ls-about .ls-public-grid{gap:40px;margin-block:32px}
.ls-v1 .ls-about .ls-public-card{padding:0;border:0;border-radius:0;max-width:var(--ls-copy-width)}
.ls-v1 .ls-about .ls-public-grid>.ls-public-card{border-inline-start:1px solid var(--ls-border);padding-inline-start:24px}
.ls-v1 .ls-about .ls-public-section{max-width:var(--ls-copy-width);padding-block:28px;border-block-start:1px solid var(--ls-border);margin-block:30px}
.ls-v1 .ls-about dt{font-size:14px;color:var(--ls-navy)}.ls-v1 .ls-about dd{font-size:14px}
.ls-v1 .ls-legal>.container{max-width:1000px}
.ls-v1 .ls-legal .col-lg-9{width:100%;max-width:var(--ls-copy-width)}
.ls-v1 .ls-legal .card{background:transparent!important;border:0!important;border-block-start:1px solid var(--ls-border)!important;border-radius:0;margin-block-end:20px!important}
.ls-v1 .ls-legal .card-body{padding:24px 0!important;background:transparent!important}
.ls-v1 .ls-legal :is(p,li){line-height:1.95;font-size:15px}
.ls-v1 .ls-legal h3{font-size:23px;margin-block:0 14px}
/* Existing SEO documents remain English; visual inline styles were centralized. */
.ls-v1 .ls-seo{font-size:16px;line-height:1.85}
.ls-v1 .ls-seo>.section-bg-white:first-child{background:var(--ls-subtle)}
.ls-v1 .ls-seo .container{max-width:var(--ls-content-width)}
.ls-v1 .ls-seo .ls-v1-editorial-hero{background:none;border:0;border-radius:0;box-shadow:none;padding:36px 0 20px;margin:0;overflow:visible}
.ls-v1 .ls-seo :is(.hero-gradient-container,.accent-block-primary,.accent-block-gradient)::before,.ls-v1 .ls-seo :is(.hero-gradient-container,.accent-block-primary,.accent-block-gradient)::after{display:none}
.ls-v1 .ls-seo .ls-v1-editorial-hero h1{font-size:clamp(34px,4.1vw,48px);max-width:21ch;line-height:1.25}
.ls-v1 .ls-seo .ls-v1-editorial-hero>p{max-width:70ch;font-size:16px}
.ls-v1 .ls-seo .ls-v1-editorial-hero{text-align:start!important}
.ls-v1 .ls-seo .ls-v1-editorial-hero>.d-flex{justify-content:flex-start!important}
.ls-v1 .ls-seo :is(.section-bg-gradient,.section-bg-accent,.section-bg-premium){background:var(--ls-surface);border:0}
.ls-v1 .ls-seo .section-bg-light-blue{background:var(--ls-subtle)}
.ls-v1 .ls-seo .badge{background:#eaf0fa;color:var(--ls-navy);border-radius:5px!important;box-shadow:none!important;font-size:13px;padding:6px 10px!important}
.ls-v1 .ls-seo .badge i{color:var(--ls-navy)}
.ls-v1 .ls-seo .rounded-circle{width:40px;height:40px;border-radius:9px!important;background:#eaf0fa;color:var(--ls-action);font-size:16px}
.ls-v1 .ls-seo .rounded-circle>i{font-size:16px}
.ls-v1 .ls-seo .card{height:auto!important}
.ls-v1 .ls-seo .card-body{padding:24px!important;min-width:0}
.ls-v1 .ls-seo .accent-block-primary{background:var(--ls-subtle);padding:28px;border-radius:var(--ls-radius-surface);border:1px solid var(--ls-border)}
.ls-v1 .ls-seo .accent-block-primary h2{font-size:28px}
.ls-v1 .ls-seo .accent-block-primary p{font-size:16px}
.ls-v1 .ls-seo .py-5{padding-block:40px!important}
.ls-v1 .ls-seo .mb-5{margin-block-end:24px!important}
.ls-v1 .ls-seo .col-lg-8,.ls-v1 .ls-seo .col-lg-10{max-width:1040px}
.ls-v1 .ls-seo .accordion-button{font:inherit;font-size:15px;font-weight:700;box-shadow:none;color:var(--ls-navy)}
.ls-v1 .ls-seo .accordion-body{font-size:14px}
/* Account: a calm utility page, profile and plan share one column rhythm. */
.ls-v1 .ls-account{padding:42px 32px 40px}
.ls-v1 .ls-account h1{font-size:clamp(32px,4vw,42px);margin-block-end:12px}
.ls-v1 .ls-account h2{font-size:23px;margin-block-end:20px}
.ls-v1 .ls-account h3{font-size:25px;margin-block-end:12px}
.ls-v1 .ls-account .account-heading{margin-block-end:30px}
.ls-v1 .ls-account .account-panel{padding:28px;border-radius:var(--ls-radius-surface);box-shadow:none}
.ls-v1 .ls-account .account-grid{gap:24px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.ls-v1 .ls-account .account-help{font-size:13px;line-height:1.85}
.ls-v1 .ls-account .account-email{padding-block-start:22px;border-block-start:1px solid var(--ls-border);font-size:14px}
.ls-v1 .ls-account .account-email dt{margin-block-end:8px}
.ls-v1 .ls-account .account-links{padding-block:12px;margin-block:12px 20px;border-block-end:1px solid var(--ls-border)}
.ls-v1 .ls-account .account-danger{padding:24px;border-color:#e9ccc9;background:#fffafa}
.ls-v1 .ls-account .account-danger h2{font-size:20px;margin-block-end:8px}
/* Dashboard: editorial page heading, actionable continuation, restrained details. */
.ls-v1 .dashboard-v2{--ds-bg:var(--ls-subtle);--ds-border:var(--ls-border);--ds-primary:var(--ls-action);--ds-primary-2:var(--ls-action-hover);--ds-muted:var(--ls-muted);--ds-muted-2:var(--ls-muted);--ds-text:var(--ls-text);--ds-text-2:var(--ls-muted);--ds-radius:var(--ls-radius-surface);--ds-radius-sm:var(--ls-radius-control);--ds-shadow:none;--ds-shadow-h:var(--ls-shadow);padding:38px 32px 40px;min-height:0}
.ls-v1 .dashboard-v2 .dash-hero{padding:0 0 28px;margin-block-end:26px;border:0;border-block-end:1px solid var(--ls-border);border-radius:0;box-shadow:none;background:transparent}
.ls-v1 .dashboard-v2 .dash-hero__title{font-size:clamp(32px,4vw,42px);margin-block:8px 12px}
.ls-v1 .dashboard-v2 .dash-hero__subtitle{font-size:15px;line-height:1.8}
.ls-v1 .dashboard-v2 .dash-hero__eyebrow{font-size:13px}
.ls-v1 .dashboard-v2 .dash-hero__plan{border-radius:6px;padding:8px 12px;background:#eaf0fa;border-color:#cedcf1}
.ls-v1 .dashboard-v2 .dash-section{margin-block-end:30px}
.ls-v1 .dashboard-v2 .dash-section__title{font-size:22px;color:var(--ls-navy)}
.ls-v1 .dashboard-v2 .continue-card{padding:24px;border:1px solid var(--ls-border);box-shadow:none}
.ls-v1 .dashboard-v2 .continue-card--primary{border-inline-start:3px solid var(--ls-action);background:#f8faff}
.ls-v1 .dashboard-v2 .continue-card__title{font-size:21px;line-height:1.5}
.ls-v1 .dashboard-v2 :is(.continue-card__meta,.activity-item__meta,.skill-row__help){font-size:13px;line-height:1.8}
.ls-v1 .dashboard-v2 .continue-card__cta{border-radius:var(--ls-radius-control);font-size:14px}
.ls-v1 .dashboard-v2 .progress{height:5px}
.ls-v1 .dashboard-v2 .activity-list{border-radius:var(--ls-radius-surface);box-shadow:none}
.ls-v1 .dashboard-v2 .activity-item{padding:16px 20px}
.ls-v1 .dashboard-v2 .cc-result-card{padding:24px;box-shadow:none}
.ls-v1 .dashboard-v2 .dash-details{padding:24px;margin-block:28px;border-radius:var(--ls-radius-surface)}
.ls-v1 .dashboard-v2 .dash-details>summary{font-size:21px;margin-block-end:0}
.ls-v1 .dashboard-v2 .dash-details[open]>summary{margin-block-end:24px}
.ls-v1 .dashboard-v2 .kpi-grid{gap:0;margin-block:16px}
.ls-v1 .dashboard-v2 .kpi-card{background:transparent;border:0;border-inline-end:1px solid var(--ls-border);border-radius:0;padding:12px 20px;box-shadow:none;min-width:0}
.ls-v1 .dashboard-v2 .kpi-card__bar{display:none}.ls-v1 .dashboard-v2 .kpi-card__value{font-family:var(--ls-font-latin);font-size:32px;color:var(--ls-navy)}
.ls-v1 .dashboard-v2 :is(.skills-panel,.chart-panel){border:1px solid var(--ls-border);box-shadow:none;padding:24px}
.ls-v1 .dashboard-v2 :is(.skills-panel__title,.chart-panel__title){font-size:20px}
.ls-v1 .dashboard-v2 .actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.ls-v1 .dashboard-v2 .action-card{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 12px;background:transparent;box-shadow:none;border:0;border-block-start:1px solid var(--ls-border);border-radius:0;padding:18px 0;transform:none}
.ls-v1 .dashboard-v2 .action-card:hover{background:transparent;box-shadow:none;transform:none}
.ls-v1 .dashboard-v2 .action-card__icon{font-size:18px;grid-row:1/3;align-self:start;margin-block:4px 0;color:var(--ls-action)}
.ls-v1 .dashboard-v2 .action-card__title{font-size:15px}.ls-v1 .dashboard-v2 .action-card__desc{font-size:13px;line-height:1.8}
.ls-v1 .dashboard-v2 .empty-card{padding:24px;border-radius:var(--ls-radius-surface);background:var(--ls-surface)}
.ls-v1 .dashboard-v2 .empty-card__icon{display:none}
/* Status pages and footer reuse the same surfaces, type and spacing. */
.ls-v1 .ls-status>.container{max-width:var(--ls-content-width);padding:48px 32px}
.ls-v1 .ls-status-panel{padding:32px;border-radius:var(--ls-radius-feature);box-shadow:var(--ls-shadow);max-width:760px}
.ls-v1 .ls-status h1{font-size:clamp(30px,3.6vw,38px);margin-block:0 18px;line-height:1.4}
.ls-v1 .ls-status h2{font-size:23px;margin-block:26px 12px}
.ls-v1 .ls-status-panel>p{font-size:15px;line-height:1.85;margin-block:12px}
.ls-v1 .ls-status-actions{gap:12px;margin-block:24px 12px}
.ls-v1 .ls-site-footer{background:var(--ls-surface);padding:36px 32px 20px;font-size:14px}
.ls-v1 .ls-footer-grid{max-width:1184px;grid-template-columns:1.8fr 1fr 1.2fr 1fr;gap:36px}
.ls-v1 .ls-footer-logo{display:block;width:124px;height:48px;object-fit:contain;margin-block-end:16px}
.ls-v1 .ls-footer-summary{font-size:13px;max-width:36ch;line-height:1.85}
.ls-v1 .ls-site-footer h2{font-size:13px;margin-block:8px 12px}
.ls-v1 .ls-footer-bottom{max-width:1184px;margin-block:24px 0;padding-block-start:20px;font-size:12px}
@media(max-width:1199.98px){.ls-v1 .ls-nav-frame{min-height:72px}.ls-v1 .ls-nav-menu{gap:16px}.ls-v1 .ls-nav-actions{gap:8px}.ls-v1 .ls-nav-link.active{box-shadow:none;background:#edf3fc;border-radius:var(--ls-radius-control)}}
@media(max-width:991.98px){.ls-v1 .ls-auth-entry{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.ls-v1 .ls-auth-intro .ls-auth-title{font-size:34px}.ls-v1 .ls-auth-body{padding:24px}.ls-v1 .ls-footer-grid{grid-template-columns:1.4fr 1fr;gap:24px}}
@media(max-width:767.98px){
 .ls-v1 .ls-auth-container{padding:28px 20px 32px}.ls-v1 .ls-auth-entry{grid-template-columns:1fr;gap:22px;max-width:470px}.ls-v1 .ls-auth-intro{padding:0;max-width:none}.ls-v1 .ls-auth-intro .ls-auth-title{font-size:32px;margin-block-end:12px}.ls-v1 .ls-auth-intro>p{font-size:14px}.ls-v1 .ls-auth-offer{display:none}.ls-v1 .ls-auth-body{padding:24px 20px}.ls-v1 .ls-auth-title{font-size:26px}
 .ls-v1 :is(.ls-public>.container,.ls-account,.dashboard-v2,.ls-status>.container){padding:30px 20px}
 .ls-v1 .ls-public h1{font-size:32px;line-height:1.35}.ls-v1 .ls-public h2{font-size:25px}.ls-v1 .ls-public h3{font-size:19px}.ls-v1 .ls-public .lead{font-size:15px}.ls-v1 .ls-public-hero{margin-block-end:26px}.ls-v1 .ls-public-card,.ls-v1 .ls-pricing .ls-public-card{padding:24px}
 .ls-v1 .ls-pricing .ls-price{font-size:36px}.ls-v1 .ls-pricing .ls-public-card>.btn{align-self:stretch;min-width:0}.ls-v1 .ls-public-section{margin-block:28px}.ls-v1 .ls-about .ls-public-grid{gap:28px}.ls-v1 .ls-about .ls-public-card{padding:0}.ls-v1 .ls-about .ls-public-grid>.ls-public-card{padding-inline-start:20px}
 .ls-v1 .ls-account .account-grid{grid-template-columns:1fr;gap:18px}.ls-v1 .ls-account .account-panel{padding:24px}.ls-v1 .ls-account .account-heading{gap:12px;margin-block-end:24px}.ls-v1 .ls-account h1{font-size:30px}.ls-v1 .ls-account .account-danger{padding:22px}.ls-v1 .ls-account .modal-body{padding:20px}
 .ls-v1 .dashboard-v2 .dash-hero{padding-block-end:22px;margin-block-end:24px}.ls-v1 .dashboard-v2 .dash-hero__title{font-size:32px}.ls-v1 .dashboard-v2 .dash-hero__inner{gap:12px}.ls-v1 .dashboard-v2 .dash-section__title{font-size:21px}.ls-v1 .dashboard-v2 .dash-section{margin-block-end:26px}.ls-v1 .dashboard-v2 .continue-card{padding:22px}.ls-v1 .dashboard-v2 .dash-details{padding:20px}.ls-v1 .dashboard-v2 :is(.skills-panel,.chart-panel){padding:20px}.ls-v1 .dashboard-v2 .actions-grid{grid-template-columns:1fr}.ls-v1 .dashboard-v2 .kpi-card{padding:14px;min-width:0}.ls-v1 .dashboard-v2 .kpi-card__value{font-size:28px}
 .ls-v1 .ls-status-panel{padding:26px 22px}.ls-v1 .ls-status h1{font-size:28px}.ls-v1 .ls-status-actions{margin-block:18px 8px}.ls-v1 .ls-status .btn{width:100%}
 .ls-v1 .ls-seo .ls-v1-editorial-hero{padding:22px 4px 16px}.ls-v1 .ls-seo .ls-v1-editorial-hero h1{font-size:32px}.ls-v1 .ls-seo .ls-v1-editorial-hero>p{font-size:15px}.ls-v1 .ls-seo .ls-v1-editorial-hero .px-5{padding-inline:20px!important}.ls-v1 .ls-seo .badge{font-size:12px}.ls-v1 .ls-seo .accent-block-primary{padding:24px 20px}.ls-v1 .ls-seo .py-5{padding-block:30px!important}.ls-v1 .ls-seo .card-body{padding:22px!important}
 .ls-v1 .ls-site-footer{padding:30px 20px 20px}.ls-v1 .ls-footer-grid{grid-template-columns:1fr 1fr;gap:22px}.ls-v1 .ls-footer-grid>div:first-child{grid-column:1/-1}.ls-v1 .ls-footer-bottom{font-size:11px}
 html[dir=rtl] .ls-v1 .ls-auth-intro .ls-auth-title{font-size:29px;line-height:1.55}html[dir=rtl] .ls-v1 .ls-public h1{font-size:29px;line-height:1.6}html[dir=rtl] .ls-v1 .ls-account h1{font-size:28px}
}
@media(prefers-reduced-motion:reduce){.ls-v1 *,.ls-v1 *::before,.ls-v1 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Fit the shared shell offset and remove Bootstrap's unused bottom gutter. */
.ls-v1{--ls-header-height:80px}.ls-v1 #main-content{padding-bottom:0!important}
.ls-v1 .ls-auth .d-grid>.text-muted{margin-block:0!important}
@media(max-width:1199.98px){.ls-v1{--ls-header-height:72px}}

/* English discovery on the Arabic homepage; existing language choices stay intact. */
.ls-v1 .ls-language-hint {
    z-index: 1060;
    border-color: #b7d8cf;
    background: #f7fcfa;
    padding: 18px 48px 18px 18px;
    animation: ls-language-hint-bob 3s ease-in-out 3;
}
.ls-v1 .ls-language-hint::before {
    content: "";
    position: absolute;
    top: -7px;
    left: calc(var(--ls-hint-arrow, 50%) - 7px);
    width: 12px;
    height: 12px;
    background: #f7fcfa;
    border-top: 1px solid #b7d8cf;
    border-left: 1px solid #b7d8cf;
    transform: rotate(45deg);
}
.ls-v1 .ls-language-hint-icon {
    display: block;
    width: 28px;
    height: 28px;
    margin-bottom: 8px;
    color: #176651;
}
.ls-v1 .ls-language-hint button:focus-visible {
    outline: 3px solid #176651;
    outline-offset: -4px;
    border-radius: 8px;
}
@keyframes ls-language-hint-bob {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(4px); }
}
@media (max-width: 1199.98px) {
    .ls-v1 .ls-language-hint {
        position: relative;
        inset-block-start: auto;
        margin-top: 14px;
        max-width: 100%;
    }
}
@media (prefers-reduced-motion: reduce) {
    .ls-v1 .ls-language-hint { animation: none; }
}