/* ShqipAcademy – "Alfabeti" design. Loads after main.css and restyles the shared pieces. */
:root{--ink:#111;--red:#E8412F;--yel:#FFD84D;--lil:#C8B6FF;--mint:#A8E6CF;--pink:#FFC2D4;--sky:#BDE0FE;--tint:#F3EEFF;--hf:'Bricolage Grotesque',sans-serif;--bf:'DM Sans',sans-serif}
html body{background:#fff!important;color:var(--ink)!important;font-family:var(--bf)!important}
html body h1,html body h2,html body h3,html body h4{font-family:var(--hf)!important;letter-spacing:-.02em;color:var(--ink)}
html body a{color:inherit}
html body a:focus-visible,html body button:focus-visible{outline:3px solid var(--red);outline-offset:2px}

/* Header */
html body .sa-header{position:sticky;top:0;z-index:50;background:#fff!important;border-bottom:2px solid var(--ink)!important;box-shadow:none!important}
.sa-nav{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 40px}
.sa-brand{display:flex;flex-direction:column;text-decoration:none;line-height:1}
.sa-word{font-family:var(--hf);font-weight:800;font-size:28px;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.sa-word span{color:var(--red)}
.sa-sub{font-size:12px;font-weight:700;color:#555;margin-top:4px}
.sa-header .main-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}
html body .sa-header .main-nav a{font-weight:700;font-size:16px;color:var(--ink)!important;text-decoration:none;background:none!important}
html body .sa-header .main-nav a:hover{color:var(--red)!important}
.sa-header .nav-actions{display:flex;align-items:center;gap:14px}
html body .sa-header .login-nav{font-weight:700;color:var(--ink)!important;background:none!important;text-decoration:none}
html body .sa-header .subscribe-nav{background:var(--ink)!important;color:#fff!important;font-weight:700;padding:12px 22px;border-radius:999px;text-decoration:none;border:0!important}
.sa-header .menu-toggle{display:none;width:44px;height:44px;border:2px solid var(--ink);border-radius:50%;background:#fff;font-size:20px;cursor:pointer}
@media(max-width:900px){.sa-header .main-nav,.sa-header .nav-actions{display:none}.sa-header .menu-toggle{display:block}.sa-nav{padding:12px 20px}}

/* Buttons */
.sa-btn,html body .ab-payment-button,html body .ab-contact-submit,html body .wl-submit,html body .concept-plan-button,html body .home-path-cta{display:inline-block;font-family:var(--bf);font-weight:700;font-size:18px;padding:16px 32px;border-radius:999px;text-decoration:none;border:2px solid var(--ink);cursor:pointer;line-height:1.2}
.sa-btn-red,html body .ab-payment-button,html body .ab-contact-submit,html body .wl-submit,html body .concept-plan-button{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}
.sa-btn-line{background:#fff;color:var(--ink)}
.sa-btn-y{background:var(--yel);color:var(--ink);border-color:var(--yel)}
html body .home-path-cta{background:var(--ink)!important;color:#fff!important}

/* Home */
.sa-wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.sa-eyebrow{font-weight:700;font-size:14px;letter-spacing:.1em;color:var(--red);margin:0 0 14px}
.sa-eyebrow-y{color:var(--yel)}
.sa-hero{max-width:1280px;margin:0 auto;padding:48px 40px 80px;display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
html body .sa-hero h1{font-size:84px;line-height:.95;letter-spacing:-.03em;margin:0 0 24px;font-weight:800}
.sa-lead{font-size:20px;line-height:1.55;color:#444;max-width:480px;margin:0 0 32px}
.sa-actions{display:flex;gap:14px;flex-wrap:wrap}
.sa-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sa-tile{border-radius:28px;padding:20px 22px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;color:var(--ink)}
.sa-tile b{font-family:var(--hf);font-weight:800;font-size:64px;line-height:1}
.sa-tile span{font-size:15px;font-weight:700;line-height:1.3}
.sa-tile i{font-style:normal;font-weight:400;display:block}
.sa-levels{background:var(--tint);padding:72px 0}
html body .sa-levels h2,html body .sa-origin h2{font-size:44px;font-weight:800;margin:0 0 32px}
.sa-level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.sa-level{border-radius:28px;padding:26px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:6px;transition:transform .15s}
.sa-level:hover{transform:translateY(-4px)}
.sa-level b{font-family:var(--hf);font-weight:800;font-size:64px;line-height:1}
.sa-level-ages{font-weight:700;font-size:14px;letter-spacing:.06em}
html body .sa-level h3{font-size:26px;margin:4px 0}
.sa-level p{margin:0 0 10px;line-height:1.5}
.sa-level em{font-style:normal;font-weight:700;margin-top:auto}
.sa-steps{padding:72px 0}
.sa-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px}
.sa-steps b{font-family:var(--hf);font-weight:800;font-size:72px;color:var(--red);line-height:1;display:block}
html body .sa-steps h3{font-size:26px;margin:8px 0}
.sa-steps p{margin:0;line-height:1.55;color:#444}
.sa-live{padding-bottom:72px}
.sa-live-box{background:var(--ink);color:#fff;border-radius:40px;padding:56px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
html body .sa-live-box h2{color:#fff;font-size:44px;font-weight:800;line-height:1.05;margin:0 0 14px}
.sa-live-box p{color:#ccc;line-height:1.6;font-size:17px}
.sa-live-more{display:inline-block;margin-left:18px;color:#fff;font-weight:700}
.sa-live-groups{display:grid;gap:14px}
.sa-live-group{background:#fff;color:var(--ink);border-radius:24px;padding:22px}
.sa-live-group span{font-weight:700;font-size:13px;color:var(--red)}
html body .sa-live-group h3{font-size:22px;margin:4px 0}
.sa-live-group p{color:#444;margin:0;font-size:15px}
.sa-origin{padding-bottom:64px;max-width:760px}
.sa-origin p{font-size:18px;line-height:1.6;color:#444}
@media(max-width:900px){.sa-hero{grid-template-columns:1fr;padding:28px 20px 48px}html body .sa-hero h1{font-size:52px}.sa-wrap{padding:0 20px}.sa-live-box{grid-template-columns:1fr;padding:32px 24px}.sa-tile b{font-size:44px}.sa-tile{min-height:110px}}

/* FAQ */
.home-faq{max-width:900px;margin:0 auto;padding:24px 20px 72px}
html body .home-faq h2{font-size:40px;font-weight:800}
.home-faq-item{border:2px solid var(--ink);border-radius:20px;margin-bottom:12px;background:#fff;overflow:hidden}
.home-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font:700 17px var(--bf);background:none;border:0;cursor:pointer;text-align:left;color:var(--ink)}
.home-faq-a{display:none;padding:0 22px 20px;color:#444;line-height:1.6}
.home-faq-item.open .home-faq-a{display:block}
.home-faq-item.open .home-faq-plus{transform:rotate(45deg)}
.home-faq-plus{font-size:24px;transition:transform .15s}

/* Plans */
.concept-pricing{max-width:1280px;margin:0 auto;padding:72px 40px;background:var(--tint)!important;border-radius:40px 40px 0 0}
html body .concept-pricing h2{font-size:44px;font-weight:800}
html body .concept-pricing h2 span{color:var(--red)}
.concept-kicker{font-weight:700;letter-spacing:.1em;font-size:14px;color:var(--red)}
.concept-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:32px 0}
.concept-plan{position:relative;background:#fff!important;border:2px solid var(--ink)!important;border-radius:28px!important;padding:28px!important;box-shadow:none!important}
.concept-plan.popular{background:var(--yel)!important}
.concept-popular-badge{position:absolute;top:-14px;left:24px;background:var(--ink);color:#fff;font-weight:700;font-size:12px;letter-spacing:.08em;padding:6px 14px;border-radius:999px}
.concept-price strong{font-family:var(--hf);font-size:44px;font-weight:800}
.concept-save-chip{display:inline-block;background:var(--mint);font-weight:700;font-size:13px;padding:5px 12px;border-radius:999px;margin:8px 0}
.concept-plan-benefits{padding-left:18px;line-height:1.6}
.home-incl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px}
.home-incl-card{background:#fff;border:2px solid var(--ink);border-radius:24px;padding:22px;overflow:hidden}
.home-incl-bar{height:8px;border-radius:99px;margin-bottom:12px}
.home-incl-card ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.home-incl-card li span{display:block;color:#555;font-size:14px}
.home-incl-foot{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:24px}

/* Forms and cards on inner pages */
html body .ab-login-card,html body .ab-contact-card{background:#fff!important;border:2px solid var(--ink)!important;border-radius:28px!important;box-shadow:none!important}
html body input[type=text],html body input[type=email],html body input[type=password],html body textarea,html body select{border:2px solid var(--ink)!important;border-radius:16px!important;font-family:var(--bf)}

/* Footer */
.sa-footer{background:var(--ink);color:#ccc;margin-top:0}
.sa-footer-top{max-width:1280px;margin:0 auto;padding:56px 40px 32px;display:grid;grid-template-columns:1.2fr 1fr;gap:48px}
.sa-word-light{color:#fff}
.sa-tag{color:var(--yel);font-weight:700;letter-spacing:.1em;margin:14px 0 6px}
.sa-footer-points{list-style:none;margin:0;padding:0;display:grid;gap:10px;line-height:1.5}
.sa-footer-points b{color:#fff}
.sa-footer-bottom{max-width:1280px;margin:0 auto;padding:24px 40px 40px;border-top:1px solid #333;font-size:13px;line-height:1.6}
.sa-footer a{color:#fff}
.sa-footer .ab-footer-links{display:flex;flex-wrap:wrap;gap:8px 12px}
.sa-footer .ab-footer-links span{color:#555}
@media(max-width:900px){.sa-footer-top{grid-template-columns:1fr;padding:40px 20px 24px}.sa-footer-bottom{padding:20px}}

/* Rotating hero: Alfabeti slide + the two earlier banners */
.sa-rotator-wrap{padding-top:24px;padding-bottom:40px}
html body .hero-rotator .hero-slide.hero-slide-alfabeti{background:#fff;grid-template-columns:1fr 1.1fr!important;gap:32px;padding:28px 48px;align-items:center;box-sizing:border-box;border:2px solid var(--ink);border-radius:28px}
.hero-slide-alfabeti .sa-tile{min-height:140px}
html body .hero-slide-alfabeti h1{font-size:68px;line-height:.95;letter-spacing:-.03em;margin:0 0 20px;font-weight:800;color:var(--ink)!important}
@media(max-width:900px){html body .hero-rotator .hero-slide.hero-slide-alfabeti{grid-template-columns:1fr!important;padding:24px 22px}html body .hero-slide-alfabeti h1{font-size:40px}.hero-slide-alfabeti .sa-tiles{display:none}.hero-slide-alfabeti .sa-lead{font-size:16px;margin-bottom:20px}.sa-rotator-wrap{padding-left:12px;padding-right:12px}}

/* Readability: force dark text over main.css's global heading/paragraph colours */
html body .sa-home{background:#fff}
html body .sa-levels :is(h2,h3),html body .sa-steps :is(h3),html body .sa-origin h2,html body .sa-live-group h3,html body .concept-pricing :is(h2,h3,h4),html body .home-faq h2{color:var(--ink)!important}
html body .sa-level,html body .sa-level *{color:var(--ink)!important}
html body .sa-steps b{color:var(--red)!important}
html body .sa-steps p,html body .sa-origin p,html body .sa-live-group p{color:#333!important}
html body .sa-live-group span{color:var(--red)!important}
html body .sa-home .sa-live-box h2{color:#fff!important}
html body .sa-home .sa-live-box>.sa-live-copy p{color:#e4e4e4!important}
html body .sa-live-copy .sa-eyebrow{color:var(--yel)!important}
html body .sa-eyebrow{color:var(--red)!important}
html body .sa-live-more{color:#fff!important}
html body .sa-btn-red{color:#fff!important;background:var(--red)!important;border-color:var(--red)!important}
html body .sa-btn-line{color:var(--ink)!important;background:#fff!important}
html body .sa-btn-y{color:var(--ink)!important;background:var(--yel)!important}
html body .hero-slide-alfabeti .sa-lead{color:#333!important}
html body .sa-tile,html body .sa-tile *{color:inherit}
html body .sa-header .login-nav{border:0!important;box-shadow:none!important}
html body .concept-plan,html body .concept-plan *{color:var(--ink)}
html body .concept-popular-badge{color:#fff!important}

/* ===== Header safety ===== */
html body .sa-header .sa-nav{width:100%!important;max-width:1280px!important;margin:0 auto!important;padding:14px 40px!important;gap:20px!important;box-sizing:border-box}
html body .sa-header .main-nav{margin-left:auto}
html body .sa-header .main-nav ul{gap:24px!important}
html body .sa-header .nav-actions{border-left:0!important;padding-left:0!important;flex-shrink:0;gap:12px!important}
html body .sa-header .nav-actions>a:first-child{border:0!important;padding:0!important}
html body .sa-header{height:auto!important;min-height:0}
@media(max-width:900px){html body .sa-header .sa-nav{padding:12px 20px!important}}

/* ===== Inner pages: Courses ===== */
html body .crs-wrap{max-width:1280px!important;margin:0 auto!important;padding:40px 40px 96px!important;background:transparent!important}
html body .crs-intro{display:grid!important;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin-bottom:48px}
html body .crs-eyebrow{display:block;color:var(--red)!important;font-weight:700!important;letter-spacing:.1em;font-size:14px!important;background:none!important;border:0!important;padding:0!important}
html body .crs-intro-copy h1{font-size:64px!important;line-height:1!important;font-weight:800!important;margin:10px 0 16px!important;color:var(--ink)!important}
html body .crs-intro-copy p{font-size:18px!important;line-height:1.6!important;color:#333!important}
html body .crs-intro-stats{display:grid!important;grid-template-columns:1fr 1fr;gap:14px;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
html body .crs-stat{border-radius:24px!important;padding:20px!important;border:0!important;box-shadow:none!important;color:var(--ink)!important;text-align:left!important}
html body .crs-stat:nth-child(1){background:var(--yel)!important}html body .crs-stat:nth-child(2){background:#FF6B57!important}html body .crs-stat:nth-child(3){background:var(--lil)!important}html body .crs-stat:nth-child(4){background:var(--mint)!important}
html body .crs-stat strong{display:block;font-family:var(--hf)!important;font-size:44px!important;line-height:1;color:var(--ink)!important}
html body .crs-stat span{font-size:14px!important;font-weight:700;color:var(--ink)!important}
html body .crs-steps{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
html body .crs-step{background:#fff!important;border:2px solid var(--ink)!important;border-radius:22px!important;box-shadow:none!important;color:var(--ink)!important}
html body .crs-step-badge{color:var(--ink)!important;font-family:var(--hf)!important;font-weight:800}
html body .crs-steps-note{color:#444!important}
html body .crs-finder{background:var(--tint)!important;border:0!important;border-radius:28px!important;box-shadow:none!important}
html body .crs-level-sec{margin-top:56px!important}
html body .crs-level-head{display:flex;align-items:center;gap:16px}
html body .crs-level-head h2{font-size:36px!important;font-weight:800!important;color:var(--ink)!important;margin:0!important}
html body .crs-level-num{width:56px;height:56px;border-radius:18px!important;display:flex;align-items:center;justify-content:center;font-family:var(--hf)!important;font-weight:800;font-size:28px;color:var(--ink)!important}
html body .crs-level-ages{background:var(--yel)!important;color:var(--ink)!important;font-weight:700;border-radius:999px;padding:6px 14px}
html body .crs-level-blurb{font-size:17px!important;color:#333!important}
html body .crs-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:20px!important}
html body .crs-card{background:#fff!important;border:2px solid var(--ink)!important;border-radius:28px!important;box-shadow:none!important;overflow:hidden;transition:transform .15s}
html body .crs-card:hover{transform:translateY(-4px)}
html body .crs-card-top{height:14px!important}
html body .crs-card-body{padding:22px!important}
html body .crs-card-body h3{font-size:26px!important;color:var(--ink)!important;margin:6px 0!important}
html body .crs-card-body p,html body .crs-level{color:#333!important}
html body .crs-badge{background:var(--ink)!important;color:#fff!important;border-radius:999px!important;font-size:11px!important;font-weight:700;padding:5px 12px}
html body .crs-chip{background:var(--tint)!important;color:var(--ink)!important;border-radius:999px!important;font-weight:700}
html body .crs-progress-bar{background:#eee!important;border-radius:99px}
html body .crs-progress-bar span{background:var(--red)!important;border-radius:99px}
html body .crs-cta{display:inline-block;background:var(--red)!important;color:#fff!important;border:2px solid var(--red)!important;border-radius:999px!important;padding:12px 22px!important;font-weight:700!important;box-shadow:none!important}
html body .crs-cta.secondary{background:#fff!important;color:var(--ink)!important;border-color:var(--ink)!important}
html body .crs-link{color:var(--red)!important;font-weight:700}
html body .crs-live{background:var(--ink)!important;color:#fff!important;border-radius:32px!important;box-shadow:none!important}
html body .crs-live h2,html body .crs-live h3,html body .crs-live p{color:#fff!important}
html body .crs-live-tag{background:var(--yel)!important;color:var(--ink)!important;border-radius:999px}
html body .crs-locked{background:var(--yel)!important;border:0!important;border-radius:24px!important;color:var(--ink)!important}
html body .crs-divider{border:0!important;border-top:2px solid #eee!important;margin:56px 0!important}
@media(max-width:900px){html body .crs-intro{grid-template-columns:1fr}html body .crs-wrap{padding:24px 20px 64px!important}html body .crs-intro-copy h1{font-size:44px!important}}

/* ===== Inner pages: Contact, About, course detail, policies (.ab-legal-page) ===== */
html body .ab-legal-page{background:#F6F5FA!important;padding:0!important}
html body .ab-legal-container{max-width:920px!important;margin:0 auto!important;padding:56px 24px 96px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html body .ab-legal-brand{color:var(--red)!important;font-weight:700!important;letter-spacing:.1em;font-size:14px!important;background:none!important}
html body .ab-legal-container h1{font-size:60px!important;line-height:1!important;font-weight:800!important;color:var(--ink)!important;margin:10px 0 24px!important}
html body .ab-legal-container h2{font-size:32px!important;font-weight:800!important;color:var(--ink)!important;border:0!important;margin:40px 0 12px!important}
html body .ab-legal-container h3{font-size:22px!important;color:var(--ink)!important}
html body .ab-legal-container p,html body .ab-legal-container li{font-size:17px!important;line-height:1.65!important;color:#333!important}
html body .ab-legal-container a{color:var(--red)!important;font-weight:700}
html body .ab-legal-highlight{background:var(--tint)!important;border:2px solid var(--ink)!important;border-radius:24px!important;padding:22px 26px!important;box-shadow:none!important}
html body .ab-legal-highlight p{margin:0!important}
html body .ab-crumb,html body .ab-crumb a{color:var(--ink)!important;font-weight:700}
html body .ab-course-age{display:inline-block;vertical-align:middle;background:var(--yel)!important;color:var(--ink)!important;font:700 14px var(--bf)!important;letter-spacing:.04em;padding:8px 16px;border-radius:999px}
html body .ab-contact-form label{display:block;font-weight:700;color:var(--ink)!important;margin-bottom:16px}
html body .ab-contact-form input,html body .ab-contact-form textarea{display:block;width:100%;margin-top:8px;padding:16px!important;font:400 17px var(--bf)!important;background:#fff!important;color:var(--ink)!important}
html body .ab-contact-form textarea{min-height:160px}
html body .ab-contact-required{color:var(--red)!important}
html body .ab-contact-success{background:var(--mint)!important;border:2px solid var(--ink)!important;border-radius:24px!important;padding:22px!important;color:var(--ink)!important}
html body .ab-contact-errors{background:#FFE3DE!important;border:2px solid var(--red)!important;border-radius:18px!important;padding:14px 18px!important;color:var(--ink)!important}
html body .ab-curriculum-list{list-style:none;padding:0!important;display:grid;gap:10px}
html body .ab-curriculum-list li{display:flex;align-items:center;gap:14px;background:#fff!important;border:2px solid var(--ink)!important;border-radius:18px!important;padding:14px 18px!important}
html body .ab-curriculum-num{width:34px;height:34px;border-radius:50%;background:var(--yel)!important;color:var(--ink)!important;display:flex;align-items:center;justify-content:center;font-weight:800}
html body .ab-curriculum-title{flex:1;font-weight:700;color:var(--ink)!important}
html body .ab-curriculum-count{color:#555!important;font-size:14px}
html body .ab-phrase{background:#fff!important;border:2px solid var(--ink)!important;border-radius:16px!important}
html body .ab-quiz-card,html body .ab-study-bar{border:2px solid var(--ink)!important;border-radius:24px!important;background:#fff!important;box-shadow:none!important}
html body .ab-study-fill{background:var(--red)!important}
html body .ab-course-link,html body .ab-learned-btn{border-radius:999px!important;font-weight:700}
html body .ab-journey-steps,html body .ab-albania-facts{display:grid;gap:16px}
html body .ab-journey-card,html body .ab-albania-fact{border:2px solid var(--ink)!important;border-radius:24px!important;box-shadow:none!important;background:#fff!important;color:var(--ink)!important}
html body .ab-albania-fact:nth-child(4n+1){background:var(--yel)!important}
html body .ab-albania-fact:nth-child(4n+2){background:var(--mint)!important}
html body .ab-albania-fact:nth-child(4n+3){background:var(--lil)!important}
html body .ab-albania-fact:nth-child(4n){background:var(--pink)!important}

/* ===== Login / forgot password ===== */
html body .ab-login-page{background:#fff!important;padding:56px 20px 96px!important}
html body .ab-login-container{max-width:480px!important;margin:0 auto!important}
html body .ab-login-heading p{color:var(--red)!important;font-weight:700;letter-spacing:.1em;font-size:14px}
html body .ab-login-heading h1{font-size:48px!important;font-weight:800!important;line-height:1!important;color:var(--ink)!important}
html body .ab-login-card{padding:28px!important;border-radius:28px!important}
html body .ab-login-card label{display:block;font-weight:700;color:var(--ink)!important;margin-bottom:16px}
html body .ab-login-card input{display:block;width:100%;margin-top:8px;padding:16px!important}
html body .ab-login-card .ab-payment-button{width:100%}
html body .ab-login-error{background:#FFE3DE!important;border:2px solid var(--red)!important;border-radius:16px;padding:12px 16px;color:var(--ink)!important;margin-bottom:16px}
html body .ab-login-lost a,html body .ab-login-alt a{color:var(--red)!important;font-weight:700}

/* ===== Live Sundays ===== */
html body .live-wrap{width:min(100% - 48px,1280px)!important;padding:40px 0 96px!important}
html body .live-intro{background:#fff!important;border:2px solid var(--ink)!important;border-radius:36px!important;box-shadow:none!important;padding:48px!important}
html body .live-eyebrow{background:var(--yel)!important;color:var(--ink)!important;box-shadow:none!important;border-radius:999px;letter-spacing:.08em}
html body .live-intro h1{font-size:clamp(36px,5vw,64px)!important;font-weight:800!important;letter-spacing:-.03em!important;color:var(--ink)!important}
html body .live-intro p,html body .live-lede{color:#333!important}
html body .live-stat{border:0!important;box-shadow:none!important;border-radius:24px!important}
html body .live-stat:nth-child(1){background:var(--yel)!important}html body .live-stat:nth-child(2){background:#FF6B57!important}html body .live-stat:nth-child(3){background:var(--lil)!important}html body .live-stat:nth-child(4){background:var(--mint)!important}
html body .live-stat strong{font-family:var(--hf)!important;color:var(--ink)!important}
html body .live-stat span{color:var(--ink)!important;font-weight:700}
html body .live-h2{font-size:40px!important;font-weight:800!important;color:var(--ink)!important;letter-spacing:-.02em}
html body .live-step,html body .live-card,html body .live-benefit,html body .live-faq,html body .live-slot{background:#fff!important;border:2px solid var(--ink)!important;border-radius:24px!important;box-shadow:none!important;color:var(--ink)!important}
html body .live-card-top{background:var(--red)!important}
html body .live-ages{background:var(--yel)!important;color:var(--ink)!important;border-radius:999px;font-weight:700}
html body .live-cta{display:inline-block;background:var(--red)!important;color:#fff!important;border:2px solid var(--red)!important;border-radius:999px!important;padding:16px 30px!important;font-weight:700!important;box-shadow:none!important;text-decoration:none}
html body .live-final{background:var(--ink)!important;color:#fff!important;border-radius:36px!important;box-shadow:none!important}
html body .live-final h2,html body .live-final p{color:#fff!important}
html body .live-final .live-cta{background:var(--yel)!important;color:var(--ink)!important;border-color:var(--yel)!important}

/* ===== Waitlist / sign-up ===== */
html body .wl-form label{color:var(--ink)!important}
html body .wl-form input:not([type="checkbox"]),html body .wl-form select,html body .wl-form textarea{border:2px solid var(--ink)!important;border-radius:16px!important;padding:15px 16px!important}
html body .wl-form input:focus,html body .wl-form select:focus,html body .wl-form textarea:focus{border-color:var(--red)!important;box-shadow:0 0 0 3px rgba(232,65,47,.2)!important}
html body .wl-success{background:var(--mint)!important;border:2px solid var(--ink)!important;border-radius:24px!important;color:var(--ink)!important}
html body .wl-errors{background:#FFE3DE!important;border:2px solid var(--red)!important;border-radius:18px!important;color:var(--ink)!important}
html body .wl-hint,html body .wl-consent{color:#444!important}
html body .wl-submit{width:100%}

/* ===== Checkout ===== */
html body .ab-checkout-page{background:#fff!important}
html body .ab-checkout-hero{background:transparent!important;box-shadow:none!important;border:0!important}
html body .ab-checkout-heading h1,html body .ab-checkout-hero h1{font-size:clamp(36px,5vw,60px)!important;font-weight:800!important;line-height:1!important;letter-spacing:-.03em;color:var(--ink)!important}
html body .ab-checkout-card,html body .ab-billing-card,html body .selected-plan-row,html body .ab-payment-info{background:#fff!important;border:2px solid var(--ink)!important;border-radius:28px!important;box-shadow:none!important;color:var(--ink)!important}
html body .ab-order-summary{background:var(--yel)!important;border:2px solid var(--ink)!important;border-radius:28px!important;box-shadow:none!important;color:var(--ink)!important}
html body .ab-order-summary *,html body .ab-card-title{color:var(--ink)!important}
html body .ab-card-title{font-family:var(--hf)!important;font-weight:800!important}
html body .ab-order-divider{border-color:var(--ink)!important}
html body .ab-order-check{color:var(--red)!important}
html body .ab-checkout-note,html body .ab-order-muted,html body .ab-account-locked-note{color:#444!important}
html body .ab-checkout-success{background:var(--mint)!important;border:2px solid var(--ink)!important;border-radius:24px!important;color:var(--ink)!important}
html body .ab-checkout-errors{background:#FFE3DE!important;border:2px solid var(--red)!important;border-radius:18px!important;color:var(--ink)!important}
html body .ab-breadcrumbs,html body .ab-breadcrumbs a{color:var(--ink)!important;font-weight:700}

/* ===== My Account ===== */
html body .ab-legal-page .ab-account-container{max-width:1000px!important}
html body .ab-legal-page .ab-account-status{border-radius:24px!important;border:2px solid var(--ink)!important;box-shadow:none!important}
html body .ab-legal-page .ab-account-status.is-active{background:var(--mint)!important}
html body .ab-legal-page .ab-account-status.is-inactive{background:var(--yel)!important}
html body .ab-legal-page .ab-account-status strong{color:var(--ink)!important;font-family:var(--hf)!important}
html body .ab-legal-page .ab-account-status p{color:#222!important}
html body .ab-legal-page .ab-account-status a{color:var(--ink)!important;text-decoration:underline}
html body .ab-account-success{background:var(--mint)!important;border:2px solid var(--ink)!important;border-radius:18px!important;color:var(--ink)!important}
html body .ab-account-error{background:#FFE3DE!important;border:2px solid var(--red)!important;border-radius:18px!important;color:var(--ink)!important}
html body .ab-account-empty{color:#555!important}
html body .ab-kid-card,html body .ab-add-kid-card,html body .ab-plan-switch,html body .ab-cancel-box,html body .ab-kids-confirm-box,html body .ab-badge{background:#fff!important;border:2px solid var(--ink)!important;border-radius:24px!important;box-shadow:none!important;color:var(--ink)!important}
html body .ab-badge.is-earned{background:var(--yel)!important}
html body .ab-orders-table{border-collapse:separate;border-spacing:0;border:2px solid var(--ink);border-radius:18px;overflow:hidden}
html body .ab-orders-table th{background:var(--tint)!important;color:var(--ink)!important}
html body .ab-orders-table td{color:#222!important;border-color:#e6e6e6!important}
html body .ab-kid-progress-bar span{background:var(--red)!important}
html body .ab-kid-switch-btn,html body .ab-kids-confirm-ok{background:var(--red)!important;color:#fff!important;border-radius:999px!important;font-weight:700}
html body .ab-cancel-button,html body .ab-kids-confirm-cancel{background:#fff!important;color:var(--ink)!important;border:2px solid var(--ink)!important;border-radius:999px!important;font-weight:700}

/* ===== Course quiz and phrasebook quiz ===== */
html body .ab-quiz-card{padding:28px!important}
html body .ab-quiz-question{font-family:var(--hf)!important;font-weight:800!important;font-size:28px!important;color:var(--ink)!important}
html body .ab-quiz-meta{color:#444!important;font-weight:700}
html body .ab-quiz-progress,html body .ab-quiz-progress-bar{background:#eee!important;border-radius:99px!important}
html body .ab-quiz-progress-bar span,html body .ab-quiz-progress>span,html body .ab-quiz-progress-bar>div{background:var(--red)!important;border-radius:99px!important}
html body .ab-quiz-options{display:grid;gap:12px}
html body .ab-quiz-option{background:#fff!important;color:var(--ink)!important;border:2px solid var(--ink)!important;border-radius:18px!important;padding:16px 20px!important;font:700 17px var(--bf)!important;text-align:left;cursor:pointer;box-shadow:none!important}
html body .ab-quiz-option:hover{background:var(--tint)!important}
html body .ab-quiz-option.is-correct,html body .ab-quiz-option.correct{background:var(--mint)!important}
html body .ab-quiz-option.is-wrong,html body .ab-quiz-option.wrong{background:#FFE3DE!important;border-color:var(--red)!important}
html body .ab-quiz-next,html body .ab-quiz-retry{background:var(--red)!important;color:#fff!important;border:2px solid var(--red)!important;border-radius:999px!important;padding:14px 28px!important;font:700 17px var(--bf)!important}
html body .ab-quiz-score{font-family:var(--hf)!important;font-weight:800;color:var(--ink)!important}
html body .ab-locked-notice{background:var(--yel)!important;border:2px solid var(--ink)!important;border-radius:24px!important;color:var(--ink)!important;box-shadow:none!important}
html body .ab-locked-notice *{color:var(--ink)!important}
html body .primary-action{background:var(--red)!important;color:#fff!important;border-radius:999px!important;padding:14px 28px!important;font-weight:700}

/* ===== Reader ===== */
html body .ab-reader-page{background:#fff!important;color:var(--ink)!important}
html body .ab-reader-topbar{background:#fff!important;border-bottom:2px solid var(--ink)!important;box-shadow:none!important}
html body .ab-reader-title-row h1,html body .ab-reader-title-row h2{font-family:var(--hf)!important;font-weight:800!important;color:var(--ink)!important}
html body .ab-reader-btn,html body .ab-reader-back{background:#fff!important;color:var(--ink)!important;border:2px solid var(--ink)!important;border-radius:999px!important;font-weight:700!important;box-shadow:none!important}
html body .ab-reader-btn-primary{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}
html body .ab-reader-book,html body .ab-reader-cover{border:2px solid var(--ink)!important;border-radius:24px!important;box-shadow:none!important}
html body .ab-reader-counter,html body .ab-reader-rating-label{color:#444!important}

/* ===== Certificate (screen and print) ===== */
html body .cert{background:#fff!important;border:8px solid var(--ink)!important;outline:4px solid var(--red)!important;outline-offset:-22px!important;border-radius:28px!important;box-shadow:none!important;color:var(--ink)!important}
html body .cert-brand{font-family:var(--hf)!important;font-weight:800!important;color:var(--ink)!important}
html body .cert-title,html body .cert-course{font-family:var(--hf)!important;font-weight:800!important;color:var(--ink)!important;letter-spacing:-.02em}
html body .cert-name{font-family:var(--hf)!important;font-weight:800!important;color:var(--red)!important;border-bottom:4px solid var(--yel)!important}
html body .cert-line,html body .cert-note,html body .cert-hint,html body .cert-fine{color:#333!important}
html body .cert-seal{background:var(--yel)!important;color:var(--ink)!important;border:4px solid var(--ink)!important;font-family:var(--hf)!important;font-weight:800}
html body .cert-btn{background:var(--red)!important;color:#fff!important;border-radius:999px!important;font-weight:700!important;border:2px solid var(--red)!important}

/* ===== Invoice ===== */
html body .ab-invoice-container{max-width:860px!important}
html body .ab-invoice-head h1,html body .ab-invoice-head h2{font-family:var(--hf)!important;font-weight:800!important;color:var(--ink)!important}
html body .ab-invoice-table{border-collapse:separate;border-spacing:0;border:2px solid var(--ink)!important;border-radius:18px;overflow:hidden;width:100%}
html body .ab-invoice-table th{background:var(--tint)!important;color:var(--ink)!important}
html body .ab-invoice-table td{color:#222!important;border-color:#e6e6e6!important}
html body .ab-invoice-total-row td,html body .ab-invoice-total-row th{background:var(--yel)!important;color:var(--ink)!important;font-weight:800}
html body .ab-invoice-print,html body .ab-invoice-actions a,html body .ab-invoice-actions button{background:var(--red)!important;color:#fff!important;border-radius:999px!important;font-weight:700!important;border:0!important;padding:12px 24px!important}
html body .ab-invoice-note,html body .ab-invoice-ref{color:#444!important}

/* ===== Kids Mode PIN, kids header, 404, generic pages ===== */
html body .ab-kids-pin-input{border:2px solid var(--ink)!important;border-radius:16px!important;background:#fff!important;color:var(--ink)!important}
html body .ab-kids-pin-submit{background:var(--red)!important;color:#fff!important;border-radius:999px!important;font-weight:700!important;border:0!important}
html body .ab-kids-pin-error{color:var(--red)!important;font-weight:700}
html body .ab-kids-header{background:#fff!important;border-bottom:2px solid var(--ink)!important}
html body .ab-kids-header .ab-kids-nav a,html body .ab-kids-header .ab-kids-name{color:var(--ink)!important;font-weight:700}
html body .ab-kids-exit-link{background:var(--ink)!important;color:#fff!important;border-radius:999px!important;padding:10px 20px!important;font-weight:700!important}
html body .content-page,html body .catalogue-hero,html body .discover-section{background:#fff!important;color:var(--ink)!important;max-width:920px;margin:0 auto;padding:56px 24px 96px!important}
html body .content-page h1,html body .catalogue-hero h1{font-family:var(--hf)!important;font-size:56px!important;font-weight:800!important;color:var(--ink)!important}
html body .concept-primary{background:var(--red)!important;color:#fff!important;border-radius:999px!important;padding:16px 30px!important;font-weight:700!important;display:inline-block}
html body .concept-secondary{background:#fff!important;color:var(--ink)!important;border:2px solid var(--ink)!important;border-radius:999px!important;padding:14px 28px!important;font-weight:700!important;display:inline-block}
html body .section-label{color:var(--red)!important;font-weight:700;letter-spacing:.1em}

/* Print: certificate and invoice stay clean on paper */
@media print{.sa-header,.sa-footer{display:none!important}html body .cert{border-radius:0!important}}

/* ===== Round 3 fixes ===== */
html body .ab-why-grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:36px 28px;margin:28px 0 8px;text-align:center}
html body .ab-why-item{width:240px;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
html body .ab-why-item h3{font-size:19px!important;margin:0 0 8px!important}
html body .ab-why-item p{font-size:15px!important;line-height:1.55!important;color:#444!important}
html body .ab-why-item svg{stroke:var(--red)}
/* light cards: forms and account sections */
html body .ab-contact-form,html body .wl-form,html body .sa-acct-card,html body .ab-kids-section{background:#fff!important;border:1px solid #DADDE8!important;border-radius:28px!important;padding:32px!important;box-shadow:0 10px 30px rgba(20,20,40,.06)!important;max-width:none!important;margin:28px 0!important;box-sizing:border-box}
html body .sa-acct-card>h2:first-child,html body .ab-kids-section>h2:first-child{margin-top:0!important}
html body .ab-contact-form{margin-top:24px!important}
/* checkout confirmation: readable text */
html body .ab-checkout-success,html body .ab-checkout-success h2,html body .ab-checkout-success h3,html body .ab-checkout-success p,html body .ab-checkout-success strong{color:var(--ink)!important}
html body .ab-checkout-success .ab-payment-button{color:#fff!important}
html body .ab-checkout-success h2{font-family:var(--hf)!important;font-weight:800!important}
/* invoice wordmark */
html body .ab-invoice-logo.sa-word{font-size:34px;display:block;margin-bottom:12px}

/* About: Albania facts keep two columns beside the map */
html body .ab-albania-facts{grid-template-columns:1fr 1fr!important;gap:12px!important}
html body .ab-albania-fact{padding:14px 16px!important}
html body .ab-albania-fact .label{color:#333!important}
@media(max-width:800px){html body .ab-albania-facts{grid-template-columns:1fr!important}}

/* About: portrait map of Albania */
html body .ab-albania-map{padding:16px!important;background:#fff!important;border:1px solid #DADDE8!important;border-radius:24px!important}
html body .ab-albania-map img{width:auto!important;max-width:100%!important;max-height:520px!important;margin:0 auto}