/* Approved Max Exam Lab landing design.
   Loaded as render-blocking CSS so obsolete styles never paint first. */

  :root{
    --paper:#FFFFFF;
    --ink:#111827;
    --ink-soft:#4B5563;
    --rule:#D8DADF;
    --accent:#287C78;
    --accent-soft:#FFF3EC;
    --stamp:#0F4C4A;
    --panel-bg:rgba(255,255,255,.66);
    --brand-green:#111827;
    --brand-gold:#287C78;
    --brand-paper:#FFFFFF;
    --brand-ink:#111827;
    --brand-grey:#4B5563;
  }

  body{background:#fff;color:var(--ink)}
  .site-header{background:rgba(255,255,255,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:0!important;box-shadow:none!important}
  .brand-max{color:#111827}.brand-examlab{color:#287C78}.brand-tagline{color:#6B7280}.brand-tagline::before,.brand-tagline::after{background:#287C78}
  body.max-landing-mode .site-header{background:transparent!important;border-bottom:0!important;box-shadow:none!important}
  body.max-landing-mode .site-header button{background:transparent!important;color:#111827!important;border-color:rgba(17,24,39,.26)!important;box-shadow:none!important}
  body.max-landing-mode .site-header button *{color:inherit!important}
  body.max-landing-mode .site-header a{color:#111827!important}

  .context-back{background:transparent;border-color:rgba(83,97,122,.28);color:#111827}
  .context-back:hover{background:rgba(40,124,120,.08);border-color:#287C78;color:#111827}
  .version-card,.proficiency-skill-card,.theme-card,.writing-prompt-card{background:rgba(255,255,255,.64);border-color:#D8DADF}
  .version-card:hover,.proficiency-skill-card:hover{border-color:#287C78;background:rgba(255,255,255,.88)}

  #view-landing{
    --deck-orange:#287C78;
    --deck-orange-deep:#0F4C4A;
    --deck-slate:#53617A;
    --deck-ink:#111827;
    --deck-muted:#4B5563;
    position:relative;
    background:
      radial-gradient(circle at 50% 42%,rgba(83,97,122,.15),transparent 27%),
      radial-gradient(circle at 18% 47%,rgba(40,124,120,.12),transparent 25%),
      radial-gradient(circle at 82% 46%,rgba(191,227,236,.18),transparent 25%),
      linear-gradient(180deg,#fff 0%,#f7f5f4 100%);
    min-height:calc(100vh - 64px);
    padding:0 20px 34px;
    overflow:hidden;
  }
  #view-landing::before,#view-landing::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.28;animation:ambientDrift 9s ease-in-out infinite alternate}
  #view-landing::before{width:260px;height:260px;background:#0F4C4A;left:5%;top:34%}
  #view-landing::after{width:300px;height:300px;background:#BFE3EC;right:3%;top:31%;animation-delay:-3s}
  @keyframes ambientDrift{from{transform:translate3d(0,0,0) scale(.94)}to{transform:translate3d(18px,-12px,0) scale(1.07)}}

  #view-landing .hero-wrap{max-width:1180px;padding-top:12px;position:relative;z-index:2}
  #view-landing .hero-scene{padding:20px 20px 6px;transform:none!important}
  #view-landing .hero-orbit{display:none!important}
  #view-landing .hero-eyebrow{font-family:"JetBrains Mono","Courier New",monospace;color:#287C78;letter-spacing:.18em;font-weight:700}
  #view-landing .hero-title{font-family:Inter,Montserrat,Arial,sans-serif;color:#111827;font-size:clamp(38px,5vw,62px);line-height:1.02;font-weight:650;letter-spacing:-.04em;text-shadow:none;margin-bottom:10px}
  #view-landing .hero-title .accent-word{color:#287C78}
  #view-landing .hero-tagline{font-family:Inter,Montserrat,Arial,sans-serif;color:#4B5563;font-style:normal;font-size:14px;max-width:590px;margin:0 auto 7px}
  #view-landing .hero-cta-label{border:0;padding:0;margin:0;font-family:"JetBrains Mono","Courier New",monospace;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7b8190}

  #view-landing #categoryGrid{
    --halo-color:40,124,120;
    position:relative;max-width:1080px;min-height:430px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:0;perspective:1400px;isolation:isolate;z-index:3
  }
  #view-landing #categoryGrid::before{
    content:"";position:absolute;left:50%;bottom:26px;width:760px;height:150px;border-radius:50%;
    background:radial-gradient(ellipse at center,rgba(var(--halo-color),.42) 0%,rgba(var(--halo-color),.20) 36%,rgba(var(--halo-color),0) 74%);
    filter:blur(22px);transform:translateX(-50%) scaleY(.52);z-index:-2;opacity:.96;
    transition:background .38s ease,filter .38s ease,transform .38s ease;
    animation:haloPulse 2.8s ease-in-out infinite alternate;
  }
  #view-landing #categoryGrid::after{
    content:"";position:absolute;left:50%;bottom:50px;width:610px;height:54px;border-radius:50%;
    border-top:2px solid rgba(var(--halo-color),.52);filter:blur(1px);transform:translateX(-50%);z-index:-1;opacity:.7;
    transition:border-color .38s ease,width .38s ease;
  }
  @keyframes haloPulse{from{transform:translateX(-50%) scaleY(.48) scaleX(.96);opacity:.78}to{transform:translateX(-50%) scaleY(.58) scaleX(1.04);opacity:1}}

  #view-landing .category-card{
    --panel:rgba(83,97,122,.80);
    position:relative;width:168px;height:350px;flex:0 0 auto;margin-left:-28px;padding:24px 18px 18px;
    border:1px solid rgba(255,255,255,.52);border-radius:18px;background:var(--panel);color:#fff;overflow:hidden;
    display:flex;flex-direction:column;justify-content:flex-start;gap:11px;text-align:left;cursor:pointer;
    box-shadow:0 20px 44px rgba(17,24,39,.15),inset 0 1px 0 rgba(255,255,255,.38);
    backdrop-filter:blur(12px) saturate(112%);-webkit-backdrop-filter:blur(12px) saturate(112%);
    transform:translateY(10px);
    transition:width 160ms cubic-bezier(.23,1,.32,1),height 160ms cubic-bezier(.23,1,.32,1),transform 160ms cubic-bezier(.23,1,.32,1),margin 160ms cubic-bezier(.23,1,.32,1),box-shadow 160ms ease-out,opacity 120ms ease-out;
    text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  }
  #view-landing .category-card:first-child{margin-left:0}
  #view-landing .category-card[data-cat="yokdil"]{--panel:rgba(240,162,111,.86);color:#fff;transform:translateY(22px)}
  #view-landing .category-card[data-cat="yds"]{--panel:rgba(222,110,61,.90);color:#fff;transform:translateY(11px)}
  #view-landing .category-card[data-cat="ielts"]{--panel:rgba(255,255,255,.46);color:#111827;transform:translateY(-2px);box-shadow:0 22px 50px rgba(17,24,39,.16),inset 0 1px 0 rgba(255,255,255,.82)}
  #view-landing .category-card[data-cat="proficiency"]{--panel:rgba(83,97,122,.88);color:#fff;transform:translateY(8px)}
  #view-landing .category-card[data-cat="coming"]{--panel:rgba(191,227,236,.82);color:#263244;transform:translateY(19px)}

  #view-landing #categoryGrid .category-card.deck-active{
    width:314px;height:384px;margin-left:-10px;margin-right:12px;transform:translateY(-10px)!important;z-index:20;
    box-shadow:0 34px 70px rgba(17,24,39,.22),inset 0 1px 0 rgba(255,255,255,.70)
  }
  #view-landing #categoryGrid .category-card.deck-dim{opacity:.98}
  #view-landing .category-card:hover:not(.disabled){background:var(--panel);border-color:rgba(255,255,255,.82)}
  #view-landing .category-card:focus-visible{outline:3px solid #287C78;outline-offset:5px}
  #view-landing .category-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.30),transparent 31%,transparent 70%,rgba(255,255,255,.11));opacity:.72}

  #view-landing .category-icon{width:30px;height:30px;color:currentColor;opacity:.80;position:relative;z-index:2;flex:0 0 auto}
  #view-landing .category-name{font-family:Inter,Montserrat,Arial,sans-serif;font-size:20px;font-weight:800;line-height:1.03;letter-spacing:-.025em;color:inherit;white-space:normal;position:relative;z-index:2;text-shadow:none}
  #view-landing .deck-active .category-name{font-size:31px;margin-top:4px}
  #view-landing .category-desc{font-family:Inter,Montserrat,Arial,sans-serif;font-size:12px;font-weight:560;line-height:1.52;color:currentColor;opacity:.88;max-width:260px;position:relative;z-index:2;text-shadow:none}
  #view-landing .category-arrow{margin-top:auto;font-family:"JetBrains Mono","Courier New",monospace;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.035em;color:currentColor;opacity:.88;position:relative;z-index:2}
  #view-landing .deck-kicker{font:800 9px/1.2 "JetBrains Mono","Courier New",monospace;letter-spacing:.12em;text-transform:uppercase;opacity:.78;margin-bottom:0;position:relative;z-index:2}
  #view-landing .category-card:not(.deck-active) .category-desc,#view-landing .category-card:not(.deck-active) .category-arrow,#view-landing .category-card:not(.deck-active) .deck-kicker{opacity:.82;transform:none;display:block;pointer-events:auto}

  #view-landing .deck-metric{margin-top:2px;padding:11px 11px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.13);display:block;position:relative;z-index:2}
  #view-landing .category-card:not(.deck-active) .deck-metric{padding:9px 9px 8px}
  #view-landing .deck-metric strong{display:block;font:800 18px/1 Inter,Montserrat,sans-serif;letter-spacing:-.025em;color:inherit}
  #view-landing .category-card:not(.deck-active) .deck-metric strong{font-size:14px}
  #view-landing .deck-metric span{display:block;margin-top:4px;font:700 8.5px/1.3 "JetBrains Mono","Courier New",monospace;letter-spacing:.045em;text-transform:uppercase;opacity:.78;color:inherit}
  #view-landing .deck-trend{display:flex!important;align-items:center;gap:7px;margin-top:7px!important;font-size:11px!important;text-transform:none!important;letter-spacing:0!important}
  #view-landing .deck-trend svg{width:68px;height:23px;overflow:visible}.deck-trend path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

  #view-landing .deck-hint{max-width:760px;margin:-8px auto 0;text-align:center;font:700 9px/1.4 "JetBrains Mono","Courier New",monospace;letter-spacing:.08em;text-transform:uppercase;color:#777f8d;position:relative;z-index:4}
  #view-landing .category-card.disabled{cursor:default;opacity:.98}

  @media(max-width:900px){
    #view-landing{overflow:visible;padding-left:14px;padding-right:14px}
    #view-landing #categoryGrid{min-height:0;margin-top:18px;display:grid;grid-template-columns:1fr;gap:10px;perspective:none}
    #view-landing #categoryGrid::before,#view-landing #categoryGrid::after{display:none}
    #view-landing .category-card,#view-landing #categoryGrid .category-card.deck-active{width:100%;height:auto;min-height:160px;margin:0!important;transform:none!important;border-radius:15px;padding:18px 19px}
    #view-landing #categoryGrid .category-card.deck-active{min-height:205px}
    #view-landing .deck-active .category-name{font-size:27px;margin-top:2px}
  }
  @media(prefers-reduced-motion:reduce){#view-landing .category-card,#view-landing::before,#view-landing::after,#view-landing #categoryGrid::before{transition:none!important;animation:none!important}}
  


  body.max-landing-mode{background:#f7f6f3}#view-landing{min-height:calc(100vh - 64px);padding:18px 24px 54px!important;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.96) 0 18%,rgba(255,255,255,.72) 34%,transparent 58%),radial-gradient(circle at 18% 48%,rgba(15,76,74,.17),transparent 30%),radial-gradient(circle at 82% 42%,rgba(83,97,122,.15),transparent 30%),linear-gradient(180deg,#fbfaf8 0%,#f2f0ec 100%)!important}#view-landing .hero-wrap{max-width:1220px!important;margin:0 auto!important;padding-top:18px!important}#view-landing .hero-scene{max-width:900px;margin:0 auto;padding:26px 20px 8px!important;text-align:center}#view-landing .hero-eyebrow{font-family:var(--font-body,"Inter",sans-serif)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.16em!important;color:#287C78!important;text-transform:uppercase}#view-landing .hero-title{font-family:var(--font-heading,"Manrope",sans-serif)!important;font-size:clamp(46px,6vw,78px)!important;line-height:.96!important;font-weight:800!important;letter-spacing:-.055em!important;color:#111827!important;max-width:980px;margin:8px auto 14px!important;text-wrap:balance}#view-landing .hero-title .accent-word{color:#287C78!important;position:relative}#view-landing .hero-tagline{font-family:var(--font-body,"Inter",sans-serif)!important;font-size:15px!important;line-height:1.65!important;font-weight:500!important;color:#596170!important;max-width:690px!important;margin:0 auto 12px!important}#view-landing .hero-cta-label{font-family:var(--font-body,"Inter",sans-serif)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.12em!important;color:#777f8d!important}#view-landing #categoryGrid{max-width:1180px!important;min-height:500px!important;margin:6px auto 0!important;transform:none!important;transform-style:flat!important}#view-landing #categoryGrid::before{bottom:20px!important;width:830px!important;height:190px!important;filter:blur(28px)!important;opacity:.9!important}#view-landing #categoryGrid::after{bottom:61px!important;width:680px!important;opacity:.56!important}#view-landing .category-card{width:182px!important;height:388px!important;padding:26px 20px 20px!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.62)!important;box-shadow:0 26px 56px rgba(17,24,39,.16),inset 0 1px 0 rgba(255,255,255,.52)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;will-change:auto;text-rendering:geometricPrecision!important;-webkit-font-smoothing:auto!important;-moz-osx-font-smoothing:auto!important}#view-landing #categoryGrid .category-card.deck-active{width:342px!important;height:426px!important;transform:translateY(-20px)!important;box-shadow:0 42px 90px rgba(17,24,39,.24),0 16px 32px rgba(17,24,39,.10),inset 0 1px 0 rgba(255,255,255,.72)!important}#view-landing .category-card::before{content:"";position:absolute;inset:1px;border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.24),transparent 28%,transparent 70%,rgba(255,255,255,.08));pointer-events:none;z-index:1}#view-landing .category-name{font-family:var(--font-heading,"Manrope",sans-serif)!important;font-weight:800!important;letter-spacing:-.025em!important;font-size:21px!important;opacity:1!important;text-shadow:none!important;text-rendering:geometricPrecision!important;-webkit-font-smoothing:auto!important}#view-landing .deck-active .category-name{font-size:34px!important}#view-landing .category-desc{font-family:var(--font-body,"Inter",sans-serif)!important;font-size:13px!important;line-height:1.55!important;font-weight:600!important;opacity:1!important;text-shadow:none!important;text-rendering:geometricPrecision!important;-webkit-font-smoothing:auto!important}#view-landing .deck-kicker,#view-landing .deck-metric span,#view-landing .category-arrow,#view-landing .deck-hint{font-family:var(--font-body,"Inter",sans-serif)!important}#view-landing .deck-metric{border-radius:15px!important;background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}#view-landing .deck-metric strong{font-family:var(--font-heading,"Manrope",sans-serif)!important;font-size:21px!important;font-weight:800!important}#view-landing .category-card[data-cat="ielts"] .deck-metric{background:rgba(255,255,255,.46)!important;border-color:rgba(17,24,39,.10)!important}#view-landing .deck-hint{margin:-2px auto 0!important;font-size:10px!important;font-weight:700!important;letter-spacing:.08em!important}body.max-landing-mode .site-header{padding-top:4px;padding-bottom:4px}body.max-landing-mode .site-header button{border-radius:999px!important;padding:9px 14px!important;font-family:var(--font-body,"Inter",sans-serif)!important;font-weight:700!important;transition:transform .2s ease,background .2s ease,border-color .2s ease!important}body.max-landing-mode .site-header button:hover{transform:translateY(-1px);background:rgba(255,255,255,.62)!important;border-color:rgba(17,24,39,.38)!important}
  #view-landing .category-card[data-cat="yds"]{--panel:rgba(40,124,120,.94)!important}#view-landing .category-card[data-cat="yokdil"]{--panel:rgba(143,185,179,.94)!important;color:#173A3A!important}.brand-examlab{color:#287C78!important}
  .brand-icon [fill="#0F3D36"]{fill:#53617A!important}.brand-icon [stroke="#0F3D36"]{stroke:#53617A!important}.brand-icon [fill="#D4AF37"]{fill:#287C78!important}.brand-icon [stroke="#D4AF37"]{stroke:#287C78!important}.brand-icon [fill="#FAF9F5"]{fill:#C8E0E5!important}
  @media(max-width:900px){#view-landing{padding:8px 14px 30px!important;overflow:visible!important}#view-landing .hero-title{font-size:clamp(38px,11vw,56px)!important}#view-landing #categoryGrid{min-height:0!important}#view-landing .category-card,#view-landing #categoryGrid .category-card.deck-active{width:100%!important;height:auto!important;min-height:185px!important;border-radius:20px!important;transform:none!important}#view-landing #categoryGrid .category-card.deck-active{min-height:230px!important}}@media(prefers-reduced-motion:reduce){#view-landing .category-card{transition:none!important}}
  


/* Shared header navigation and British Council-inspired language menu */
.brand-row{gap:9px!important}
.account-actions{margin-left:0!important;flex:0 0 auto;order:3}
.header-quick-links{display:flex;flex-direction:row-reverse;align-items:center;gap:5px;flex:0 0 auto;order:1;margin-left:auto}
.header-quick-link,.language-menu-toggle{
  min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:0 12px;border:1px solid rgba(17,24,39,.18);border-radius:999px;
  background:rgba(255,255,255,.72);color:#111827;text-decoration:none;
  font:700 11px/1 Inter,Arial,sans-serif;letter-spacing:.01em;
  box-shadow:0 4px 14px rgba(17,24,39,.05);cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease
}
.header-quick-link:hover,.header-quick-link:focus-visible,.language-menu-toggle:hover,.language-menu-toggle:focus-visible{
  transform:translateY(-1px);border-color:#287C78;background:#fff;
  box-shadow:0 8px 20px rgba(40,124,120,.12);outline:none
}
.language-menu{position:relative;flex:0 0 auto;order:2;font-family:Inter,Arial,sans-serif}
.language-menu-toggle{color:#fff!important;background:#0F4C4A!important;border-color:#0F4C4A!important}
.language-menu-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.language-menu-chevron{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .18s ease}
.language-menu.open .language-menu-chevron{transform:rotate(180deg)}
.language-menu-list{
  position:absolute;top:calc(100% + 10px);right:0;z-index:300;width:190px;padding:8px;
  display:grid;gap:4px;border:1px solid rgba(15,76,74,.16);border-radius:15px;
  background:#fff;box-shadow:0 20px 50px rgba(17,24,39,.18)
}
.language-menu-list[hidden]{display:none!important}
.language-menu-list button{
  width:100%;min-height:42px;padding:0 12px;border:0;border-radius:10px;background:transparent;
  color:#263244;text-align:left;font:700 13px/1 Inter,Arial,sans-serif;cursor:pointer
}
.language-menu-list button:hover,.language-menu-list button:focus-visible{
  background:#E8F3F2;color:#0F4C4A;outline:none
}
.language-menu-list button.active{background:#0F4C4A;color:#fff}
[dir="rtl"] .language-menu-list{right:auto;left:0}
[dir="rtl"] .language-menu-list button{text-align:right}
@media(max-width:1080px){
  .brand-row{flex-wrap:wrap}
  .brand-clickable{margin-right:auto}
  .account-actions{margin-left:0!important}
}
@media(max-width:720px){
  .site-header{padding-left:12px!important;padding-right:12px!important}
  .brand-row{gap:7px!important}
  .brand-clickable{width:100%;justify-content:flex-start}
  .account-actions{order:2}
  .language-menu{order:3}
  .header-quick-links{order:4;width:100%}
  .header-quick-link{flex:1}
  .language-menu-toggle{padding:0 11px}
  .language-menu-list{position:fixed;left:12px;right:12px;top:118px;width:auto}
}


/* IELTS exam workspace: use desktop margins and anchor the navigator at the far right */
@media(min-width:1101px){
  #view-ielts-exam{padding-left:20px!important;padding-right:20px!important}
  #view-ielts-exam .layout{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:minmax(0,1fr) 260px!important;
    gap:30px!important;
    justify-content:stretch!important
  }
  #view-ielts-exam .reading-split{
    grid-template-columns:minmax(0,1fr) minmax(367px,440px)!important;
    gap:28px!important
  }
  #view-ielts-exam #ieltsNavigator{
    justify-self:end;
    width:260px
  }
}