@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap');

:root{
  --navy:#0A1628;
  --navy-2:#11203A;
  --navy-3:#173056;
  --gold:#C5A55A;
  --gold-2:#E0C98D;
  --gold-glow:rgba(197,165,90,.14);
  --blue:#2563EB;
  --blue-soft:#EAF1FF;
  --success:#14B86A;
  --success-soft:#EAFBF2;
  --danger:#E15757;
  --danger-soft:#FEF1F1;
  --warning:#F59E0B;
  --warning-soft:#FFF7E8;
  --ink:#122033;
  --text:#243449;
  --muted:#6B7280;
  --line:#E6EAF1;
  --line-strong:#D9DFEA;
  --bg:#F7F8FC;
  --card:#FFFFFF;
  --shadow-sm:0 10px 30px rgba(10,22,40,.07);
  --shadow-md:0 18px 40px rgba(10,22,40,.10);
  --shadow-lg:0 26px 60px rgba(10,22,40,.14);
  --radius-sm:12px;
  --radius-md:18px;
  --radius-lg:26px;
  --radius-pill:999px;
  --container:1200px;
  --font-display:'Cormorant Garamond', Georgia, serif;
  --font-body:'Outfit', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);color:var(--text);background:linear-gradient(180deg,#F8F9FC 0%,#F4F7FB 100%);line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
main{display:block}
.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}
.container-narrow{width:min(920px,calc(100% - 32px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;overflow:visible;padding:12px 16px;background:#fff;color:var(--navy);border-radius:12px;z-index:3000;box-shadow:var(--shadow-md)}
.page-wrap{padding-top:96px}
.section{padding:84px 0;position:relative}
.section.is-soft{background:radial-gradient(circle at top right, rgba(197,165,90,.08), transparent 28%), linear-gradient(180deg,#FCFCFE 0%,#F3F6FB 100%)}
.section.is-dark{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%);color:#fff}
.section-header{max-width:820px;margin:0 auto 34px;text-align:center}
.section-tag,.eyebrow,.overline{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-pill);background:rgba(197,165,90,.12);color:#8E7130;font-size:.78rem;letter-spacing:.08em;font-weight:700;text-transform:uppercase}
.section-header h1,.section-header h2,.section-header h3,h1,h2,h3{font-family:var(--font-display);color:var(--navy);line-height:1.05;margin:0 0 14px}
h1{font-size:clamp(3rem,6vw,5.6rem)}
h2{font-size:clamp(2.3rem,4vw,3.8rem)}
h3{font-size:clamp(1.25rem,2vw,1.75rem)}
p{margin:0 0 12px}
.lead,.subtitle,.section-header p{font-size:1.08rem;color:var(--muted)}
.gold{color:var(--gold)}
.muted{color:var(--muted)}
.small{font-size:.92rem;color:var(--muted)}
.section-divider{width:84px;height:3px;margin:18px auto;background:linear-gradient(90deg,transparent,var(--gold),transparent);border-radius:999px}
.page-hero{padding:112px 0 54px;position:relative;overflow:hidden}
.page-hero::before,.hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 10% 20%, rgba(197,165,90,.12), transparent 20%),
  radial-gradient(circle at 85% 10%, rgba(37,99,235,.12), transparent 24%),
  linear-gradient(135deg,rgba(255,255,255,.88),rgba(247,248,252,.94));z-index:0}
.page-hero::after,.hero::after{content:"";position:absolute;inset:auto -120px -140px auto;width:420px;height:420px;border:1px solid rgba(197,165,90,.18);border-radius:50%;box-shadow:0 0 0 50px rgba(197,165,90,.05),0 0 0 120px rgba(37,99,235,.03);z-index:0}
.hero,.page-hero > .container{position:relative;z-index:1}
.hero{padding:112px 0 70px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}
.hero-card,.glass-card{background:rgba(255,255,255,.96);border:1px solid rgba(230,234,241,.95);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}
.hero-copy{padding:28px 0}
.hero-badge{display:inline-flex;gap:10px;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(10,22,40,.92);color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
.hero-logo{width:106px;height:106px;border-radius:24px;object-fit:cover;padding:8px;background:#fff;border:1px solid rgba(197,165,90,.35);box-shadow:0 18px 35px rgba(10,22,40,.12),0 0 0 8px rgba(197,165,90,.08);margin-bottom:18px}
.hero-actions,.cta-row,.button-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.btn-primary,.btn-gold,.btn-outline,.btn-secondary,.card-btn,.pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:999px;font-weight:700;border:1px solid transparent;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease}
.btn-primary,.card-btn{background:linear-gradient(135deg,var(--navy) 0%, var(--navy-3) 100%);color:#fff;box-shadow:0 14px 30px rgba(10,22,40,.16)}
.btn-gold{background:linear-gradient(135deg,#D6BA7B 0%,var(--gold) 100%);color:var(--navy);box-shadow:0 14px 30px rgba(197,165,90,.25)}
.btn-secondary{background:linear-gradient(135deg,var(--blue) 0%,#4D7EFF 100%);color:#fff;box-shadow:0 14px 30px rgba(37,99,235,.22)}
.btn-outline{background:rgba(255,255,255,.72);color:var(--navy);border-color:rgba(10,22,40,.14)}
.btn-primary:hover,.btn-gold:hover,.btn-outline:hover,.btn-secondary:hover,.card-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.stats-bar,.kpi-grid,.cards-grid,.grid-2,.grid-3,.grid-4,.feature-grid,.subjects-grid,.cycle-grid,.class-grid,.quiz-grid,.course-grid,.contact-grid,.values-grid,.exam-grid,.testimonial-grid{display:grid;gap:18px}
.stats-bar,.grid-4,.values-grid,.subjects-grid,.feature-grid,.quiz-grid,.course-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-3,.cycle-grid,.class-grid,.exam-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-2,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.card,.stat-card,.info-card,.feature-card,.subject-card,.cycle-card,.class-card,.quiz-card-mini,.contact-card,.value-card,.exam-card,.testimonial-card,.metric-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:22px;position:relative;overflow:hidden;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.card:hover,.stat-card:hover,.info-card:hover,.feature-card:hover,.subject-card:hover,.cycle-card:hover,.class-card:hover,.quiz-card-mini:hover,.contact-card:hover,.value-card:hover,.exam-card:hover,.testimonial-card:hover,.metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(197,165,90,.4)}
.card::before,.feature-card::before,.subject-card::before,.cycle-card::before,.class-card::before,.quiz-card-mini::before,.metric-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--gold),transparent)}
.stat-card{text-align:center;padding:24px 18px}
.stat-number{font-size:clamp(2rem,4vw,3rem);font-weight:800;font-family:var(--font-body);color:var(--navy);letter-spacing:-.03em}
.stat-label{color:var(--muted);font-size:.94rem}
.stat-kicker{font-size:.78rem;font-weight:800;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}
.subject-icon,.value-icon,.metric-icon,.contact-icon,.cycle-icon,.class-icon,.account-avatar{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-weight:800;font-size:1.2rem;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%);color:#fff;box-shadow:0 14px 28px rgba(10,22,40,.16);margin-bottom:14px}
.subject-maths .subject-icon,.accent-maths{background:linear-gradient(135deg,#0F2444,#1B4A8E)}
.subject-francais .subject-icon,.accent-francais{background:linear-gradient(135deg,#5A2B3F,#9A4C67)}
.subject-anglais .subject-icon,.accent-anglais{background:linear-gradient(135deg,#173056,#2563EB)}
.subject-sciences .subject-icon,.accent-sciences{background:linear-gradient(135deg,#0F4D47,#0E9F6E)}
.subject-economie .subject-icon,.accent-economie{background:linear-gradient(135deg,#4A3620,#B7862E)}
.card-title-row,.quiz-card-head,.course-card-head,.contact-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.card p,.feature-card p,.subject-card p,.cycle-card p,.class-card p,.quiz-card-mini p,.contact-card p,.value-card p{color:var(--muted)}
.card-meta,.meta-row,.chip-row,.subject-pills,.filter-bar,.toolbar-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.chip,.meta-pill,.filter-btn,.status-badge,.difficulty-badge,.exam-badge,.account-chip,.inline-pill,.score-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:700;border:1px solid rgba(10,22,40,.08);background:#fff;color:var(--navy)}
.meta-pill{background:var(--bg);border-color:var(--line)}
.status-badge.success,.score-badge.high{background:var(--success-soft);color:var(--success);border-color:rgba(20,184,106,.22)}
.status-badge.warning,.score-badge.mid{background:var(--warning-soft);color:#AD7000;border-color:rgba(245,158,11,.25)}
.status-badge.danger,.score-badge.low{background:var(--danger-soft);color:var(--danger);border-color:rgba(225,87,87,.25)}
.difficulty-badge[data-level='Débutant'],.difficulty-badge[data-level='Facile']{background:var(--success-soft);color:var(--success);border-color:rgba(20,184,106,.2)}
.difficulty-badge[data-level='Intermédiaire'],.difficulty-badge[data-level='Moyen']{background:var(--warning-soft);color:#AD7000;border-color:rgba(245,158,11,.2)}
.difficulty-badge[data-level='Avancé'],.difficulty-badge[data-level='Expert']{background:rgba(37,99,235,.08);color:var(--blue);border-color:rgba(37,99,235,.18)}
.exam-badge{font-size:.86rem;padding:12px 16px;background:linear-gradient(180deg,#fff,#FAFBFE);box-shadow:var(--shadow-sm)}
.filter-bar{padding:14px;border:1px solid var(--line);background:rgba(255,255,255,.85);border-radius:16px}
.filter-btn{cursor:pointer;background:#fff;color:var(--muted);transition:all .2s ease}
.filter-btn.active,.filter-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.top-strip{background:linear-gradient(90deg,var(--navy) 0%, var(--navy-3) 100%);color:#fff;font-size:.84rem}
.top-strip-inner{width:min(var(--container),calc(100% - 32px));margin:auto;display:flex;justify-content:space-between;align-items:center;padding:10px 0;gap:12px;flex-wrap:wrap}
.topline-contact{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.topline-contact a{opacity:.95}
.navbar{position:fixed;inset:0 0 auto 0;z-index:2000;padding:12px 0;transition:all .28s ease;background:rgba(247,248,252,.97);border-bottom:1px solid rgba(230,234,241,.92);box-shadow:0 10px 30px rgba(10,22,40,.05)}
.navbar.is-scrolled{padding:8px 0;background:rgba(255,255,255,.88);box-shadow:0 10px 32px rgba(10,22,40,.08)}
.nav-inner{width:min(var(--container),calc(100% - 32px));margin:auto;display:flex;align-items:center;gap:18px;justify-content:space-between}
.nav-brand{display:flex;align-items:center;gap:12px;min-width:0}
.nav-brand img{width:56px;height:56px;border-radius:18px;object-fit:cover;padding:4px;background:#fff;border:1px solid rgba(197,165,90,.36);box-shadow:0 12px 24px rgba(10,22,40,.12)}
.nav-brand-text{min-width:0}
.brand-name{font-family:var(--font-display);font-size:1.55rem;line-height:1;color:var(--navy);font-weight:700}
.brand-sub{font-size:.85rem;color:var(--muted)}
.nav-actions{display:flex;align-items:center;gap:12px}
.nav-links{list-style:none;display:flex;align-items:center;gap:8px;margin:0;padding:0}
.nav-links a{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;font-size:.96rem;font-weight:600;color:var(--muted);transition:all .2s ease}
.nav-links a:hover,.nav-links a.active{background:#fff;color:var(--navy);box-shadow:var(--shadow-sm)}
.nav-phone{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border-radius:999px;background:rgba(197,165,90,.12);color:var(--navy);font-weight:800;border:1px solid rgba(197,165,90,.22);animation:pulseGlow 2.8s infinite}
.lang-toggle{display:flex;gap:6px;padding:6px;border-radius:999px;background:rgba(10,22,40,.06)}
.lang-toggle-btn{border:none;background:transparent;color:var(--muted);padding:8px 12px;border-radius:999px;font-weight:700}
.lang-toggle-btn.active{background:var(--navy);color:#fff}
.account-chip{background:rgba(37,99,235,.09);border-color:rgba(37,99,235,.18);color:var(--blue)}
.nav-toggle{display:none;border:none;background:#fff;width:46px;height:46px;border-radius:16px;box-shadow:var(--shadow-sm);color:var(--navy);font-size:1.15rem}
.footer{margin-top:56px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%);color:#fff;position:relative;overflow:hidden}
.footer::before{content:"";position:absolute;inset:-20% auto auto -10%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(197,165,90,.18),transparent 70%)}
.footer-inner{width:min(var(--container),calc(100% - 32px));margin:auto;padding:42px 0 26px;display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:28px;position:relative;z-index:1}
.footer-brand{display:flex;gap:14px;align-items:flex-start}
.footer-brand img{width:56px;height:56px;border-radius:16px;padding:4px;background:#fff}
.footer-title{font-family:var(--font-display);font-size:1.75rem;line-height:1.05;color:#fff}
.footer-copy{padding:0 0 26px;width:min(var(--container),calc(100% - 32px));margin:auto;color:rgba(255,255,255,.72);font-size:.92rem;border-top:1px solid rgba(255,255,255,.09);padding-top:18px}
.footer-list{display:grid;gap:10px}
.footer-list a{color:rgba(255,255,255,.8)}
.footer-list a:hover{color:#fff}
.hero-side{padding:22px;display:grid;gap:16px}
.hero-feature{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.hero-feature strong{display:block;color:var(--navy)}
.hero-feature p{margin:2px 0 0;color:var(--muted);font-size:.92rem}
.feature-dot{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#E3CB91);color:var(--navy);font-weight:800;flex-shrink:0}
.cta-panel{padding:28px;border-radius:28px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%);color:#fff;box-shadow:var(--shadow-lg)}
.cta-panel h2,.cta-panel h3{color:#fff}
.timeline{display:grid;gap:16px}
.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:flex-start;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);color:var(--text)}
.timeline-item strong{display:block;color:var(--navy)}
.timeline-item p{margin:4px 0 0;color:var(--muted)}
.timeline-num{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(10,22,40,.92);color:#fff;font-weight:800}
.notice{padding:18px 20px;border-radius:18px;background:rgba(37,99,235,.08);color:var(--navy);border:1px solid rgba(37,99,235,.14)}
.notice.warning{background:var(--warning-soft);border-color:rgba(245,158,11,.18)}
.notice.success{background:var(--success-soft);border-color:rgba(20,184,106,.18)}
.empty-state{padding:34px 22px;text-align:center;background:#fff;border-radius:24px;border:1px dashed rgba(10,22,40,.16);color:var(--muted)}
.empty-icon{font-size:2rem;margin-bottom:10px}
.table-wrap{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-sm)}
.scores-table{width:100%;border-collapse:collapse}
.scores-table th,.scores-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:.95rem;vertical-align:top}
.scores-table thead th{background:#F8FAFD;color:var(--navy);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}
.scores-table tbody tr:hover{background:#FCFCFE}
.chart-card{padding:22px;background:#fff;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.chart-wrap{position:relative;height:260px}
.form-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.form-group{display:grid;gap:8px}
label{font-size:.9rem;font-weight:700;color:var(--navy)}
input,select,textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line-strong);background:#fff;color:var(--text);transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(37,99,235,.42);box-shadow:0 0 0 4px rgba(37,99,235,.09)}
textarea{min-height:160px;resize:vertical}
.form-panel{padding:24px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.form-success{display:none}
.map-embed{border:none;width:100%;height:100%;min-height:360px;border-radius:24px;box-shadow:var(--shadow-sm)}
.hours-list{display:grid;gap:10px}
.hours-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line)}
.auth-shell{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.auth-tabs{display:flex;gap:10px;margin-bottom:16px}
.auth-tab{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:700;color:var(--muted)}
.auth-tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.hidden{display:none !important}
.floating-wa,.floating-call{position:fixed;right:18px;z-index:1900;display:inline-flex;align-items:center;gap:10px;padding:13px 15px;border-radius:999px;box-shadow:var(--shadow-lg);font-weight:800}
.floating-wa{bottom:20px;background:linear-gradient(135deg,#1FBF63,#18A757);color:#fff;animation:bounceIn 1.1s ease both}
.floating-call{bottom:86px;background:linear-gradient(135deg,var(--navy),var(--navy-3));color:#fff}
.mobile-only{display:none}
.offline-banner{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;background:rgba(10,22,40,.96);color:#fff;padding:10px 14px;border-radius:999px;z-index:2500;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .2s ease}
body.is-offline .offline-banner{opacity:1}
.quiz-shell,.course-shell{width:min(980px,calc(100% - 32px));margin:118px auto 0}
.quiz-wrapper,.course-viewer,.scores-page{padding-bottom:56px}
.quiz-card,.course-content{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-sm);padding:22px}
.progress-wrap{height:12px;background:#EDF1F7;border-radius:999px;overflow:hidden}
.progress-bar{height:100%;background:linear-gradient(90deg,var(--navy),var(--gold));border-radius:999px}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease, transform .5s ease}
.reveal.is-visible{opacity:1;transform:none}
.stagger > *{animation:fadeUp .6s ease both}
.stagger > *:nth-child(2){animation-delay:.05s}.stagger > *:nth-child(3){animation-delay:.1s}.stagger > *:nth-child(4){animation-delay:.15s}.stagger > *:nth-child(5){animation-delay:.2s}.stagger > *:nth-child(6){animation-delay:.25s}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(197,165,90,.35)}50%{box-shadow:0 0 0 12px rgba(197,165,90,0)}}
@keyframes bounceIn{0%{opacity:0;transform:translateY(16px) scale(.94)}60%{opacity:1;transform:translateY(-4px) scale(1.02)}100%{transform:none}}
@media (max-width:1100px){
  .hero-grid,.footer-inner,.auth-shell,.grid-2,.contact-grid{grid-template-columns:1fr}
  .stats-bar,.kpi-grid,.grid-4,.values-grid,.subjects-grid,.feature-grid,.quiz-grid,.course-grid,.cycle-grid,.class-grid,.grid-3,.exam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav-phone{display:none}
}
@media (max-width:760px){
  .page-wrap{padding-top:88px}
  .hero,.page-hero{padding-top:102px}
  .stats-bar,.kpi-grid,.grid-4,.values-grid,.subjects-grid,.feature-grid,.quiz-grid,.course-grid,.cycle-grid,.class-grid,.grid-3,.exam-grid,.form-grid{grid-template-columns:1fr}
  .nav-toggle{display:grid;place-items:center}
  .nav-links{position:absolute;left:16px;right:16px;top:78px;display:none;flex-direction:column;align-items:stretch;padding:14px;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-md)}
  .nav-links.open{display:flex}
  .nav-links a,.nav-links .account-chip{width:100%;justify-content:flex-start}
  .mobile-only{display:inline-flex}
  .hero-logo{width:90px;height:90px}
  .top-strip-inner{justify-content:center;text-align:center}
}


.inline-icon{width:18px;height:18px;display:block}
.topline-contact a{display:inline-flex;align-items:center;gap:8px}
.nav-actions{display:flex;align-items:center;gap:14px}
.nav-phone{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:56px;
  padding:10px 16px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(197,165,90,.10));
  border:1px solid rgba(197,165,90,.28);
  box-shadow:0 12px 28px rgba(10,22,40,.10);
  color:var(--navy);
  white-space:nowrap;
  animation:pulseGlow 3.2s infinite;
}
.nav-phone:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(10,22,40,.14)}
.nav-phone-icon{
  width:36px;
  height:36px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:var(--navy);
  background:rgba(197,165,90,.16);
  flex-shrink:0;
}
.nav-phone-copy{display:flex;align-items:center;gap:10px;justify-content:center;line-height:1;white-space:nowrap}
.nav-phone-label{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800;padding-right:10px;border-right:1px solid rgba(10,22,40,.12)}
.nav-phone-copy strong{font-size:1rem;font-weight:800;letter-spacing:.02em;color:var(--navy);white-space:nowrap}
.lang-toggle{margin-left:4px}
.account-chip{background:rgba(37,99,235,.09);border:1px solid rgba(37,99,235,.16);color:var(--blue)}
.hero-home{
  padding-top:154px;
  background:
    radial-gradient(circle at top left, rgba(197,165,90,.18), transparent 30%),
    radial-gradient(circle at right center, rgba(37,99,235,.08), transparent 28%),
    linear-gradient(180deg,#F8FAFD 0%,#F5F7FB 100%);
}
.home-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}
.home-hero-copy h1{font-size:4rem;max-width:760px}
.hero-trust-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hero-trust-list span{
  display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;
  border:1px solid var(--line);background:rgba(255,255,255,.82);color:var(--muted);font-size:.9rem
}
.home-hero-panel{
  position:relative;
  padding:24px;
  border-radius:28px;
  background:linear-gradient(145deg,var(--navy) 0%,var(--navy-3) 100%);
  box-shadow:var(--shadow-lg);
  overflow:hidden;
}
.home-hero-panel::before{
  content:"";
  position:absolute;
  inset:auto -80px -80px auto;
  width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle, rgba(197,165,90,.24), transparent 70%);
}
.hero-panel-card{position:relative;z-index:1}
.hero-panel-kicker{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-2);font-weight:700;margin-bottom:14px}
.hero-panel-points{display:grid;gap:14px}
.hero-panel-point{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;
  padding:16px 18px;
}
.hero-panel-point strong{display:block;color:#fff;margin-bottom:4px}
.hero-panel-point p{margin:0;color:rgba(255,255,255,.76);font-size:.95rem}
.home-hero-panel .hero-logo{
  width:96px;height:96px;border-radius:26px;background:#fff;padding:6px;margin-bottom:18px;
  border:1px solid rgba(197,165,90,.42);box-shadow:0 18px 36px rgba(10,22,40,.28)
}
.home-subject-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.home-subject-card{
  background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;
  box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease
}
.home-subject-card::before{
  content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--gold),transparent)
}
.home-subject-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(197,165,90,.4)}
.home-subject-card.is-wide{grid-column:span 2}
.home-subject-icon{
  width:54px;height:54px;border-radius:18px;display:grid;place-items:center;
  background:rgba(10,22,40,.06);color:var(--navy);font-weight:800;font-size:1.15rem;margin-bottom:18px
}
.home-subject-card h3{margin-bottom:10px}
.home-subject-card p{margin:0;color:var(--muted)}
.public-exam-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.exam-card-public p{min-height:96px}
.pillar-card{
  background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow-sm)
}
.pillar-card h3{margin-bottom:8px}
.pillar-card p{margin:0;color:var(--muted)}
.cta-band{
  display:flex;justify-content:space-between;align-items:center;gap:22px;
  padding:28px;border-radius:28px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%);
  color:#fff;box-shadow:var(--shadow-lg)
}
.cta-band h2{color:#fff}
.cta-band p{color:rgba(255,255,255,.78);margin:0}
.quiz-stage-shell{min-height:560px}
.quiz-intro-card,.quiz-result-card{
  background:#fff;border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:var(--shadow-md)
}
.quiz-intro-badge{
  display:inline-flex;align-items:center;padding:9px 14px;border-radius:999px;
  background:rgba(197,165,90,.12);color:#8E7130;font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase
}
.quiz-intro-card h1,.quiz-result-card h1{margin-top:14px}
.quiz-intro-text{max-width:740px;color:var(--muted);font-size:1.02rem}
.quiz-audio-panel{
  margin:20px 0;padding:20px;border-radius:18px;border:2px solid var(--gold, #C5A55A);
  background:linear-gradient(135deg, rgba(197,165,90,0.08), rgba(197,165,90,0.03));
}
.quiz-audio-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.quiz-audio-icon{font-size:1.5rem}
.quiz-audio-label{font-weight:700;font-size:1.05rem;color:var(--navy, #0A1628)}
.quiz-audio-instructions{font-size:.92rem;color:var(--muted);margin:6px 0 0;line-height:1.5}
.quiz-audio-mini{margin:0 0 16px;padding:10px 14px;border-radius:14px;background:rgba(197,165,90,0.08);border:1px solid var(--line)}
.quiz-intro-meta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.quiz-meta-chip{
  display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:var(--bg);min-width:130px
}
.quiz-meta-chip span{font-size:.76rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}
.quiz-meta-chip strong{color:var(--navy);font-size:1rem}
.quiz-name-panel{display:grid;gap:10px;max-width:420px;margin-bottom:22px}
.quiz-name-panel input{font-size:1rem}
.quiz-stage{display:grid;gap:18px}
.quiz-stage-header{display:grid;gap:14px}
.quiz-stage-meta{display:flex;flex-wrap:wrap;gap:10px}
.quiz-chip{
  display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:700;font-size:.88rem
}
.quiz-chip-timer.is-alert,.quiz-chip-timer.is-alert strong{color:var(--danger)}
.quiz-progress-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px 18px;box-shadow:var(--shadow-sm)}
.quiz-progress-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:.92rem;color:var(--muted);font-weight:700}
.quiz-progress-track,.quiz-breakdown-track{
  height:12px;border-radius:999px;background:#E8EDF4;overflow:hidden
}
.quiz-progress-fill,.quiz-breakdown-fill{
  height:100%;border-radius:999px;background:linear-gradient(90deg,var(--navy),var(--gold));transition:width .4s ease
}
.quiz-question-card{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;
  box-shadow:var(--shadow-md);overflow:hidden
}
.quiz-question-card::before{
  content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--gold),var(--navy),var(--blue))
}
.quiz-question-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.quiz-question-number{
  display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(10,22,40,.06);color:var(--navy);font-weight:800
}
.quiz-question-category{font-size:.9rem;color:var(--muted);font-weight:700}
.quiz-question-body{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:flex-start;margin-bottom:22px}
.quiz-question-icon{
  width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:rgba(197,165,90,.14);font-size:1.4rem
}
.quiz-question-title{font-size:2.05rem;line-height:1.18;margin-bottom:10px}
.quiz-question-context{margin:0;color:var(--muted);font-size:1rem}
.rich-content{display:block}
.rich-content > * + *{margin-top:12px}
.rich-content p,.rich-content ul,.rich-content ol{margin:0}
.rich-content ul,.rich-content ol{padding-left:1.2rem}
.rich-content svg,.rich-content img{display:block;max-width:min(100%,420px);height:auto;margin-inline:auto}
.rich-content table{width:100%;display:block;overflow-x:auto}
.rich-content > :last-child{margin-bottom:0}
.quiz-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.quiz-answer-card{
  text-align:left;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:flex-start;
  padding:18px;border-radius:20px;border:1px solid var(--line);background:#fff;
  box-shadow:0 10px 22px rgba(10,22,40,.05);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease
}
.quiz-answer-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(10,22,40,.08);border-color:rgba(197,165,90,.38)}
.quiz-answer-card.is-selected{transform:scale(.992);border-color:rgba(197,165,90,.54);box-shadow:0 0 0 4px rgba(197,165,90,.12)}
.quiz-answer-card.is-locked{cursor:default}
.quiz-answer-card.is-correct{border-color:rgba(20,184,106,.28);background:var(--success-soft)}
.quiz-answer-card.is-incorrect{border-color:rgba(225,87,87,.28);background:var(--danger-soft)}
.quiz-answer-letter{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#F2F5FA;color:var(--navy);font-weight:800;flex-shrink:0
}
.quiz-answer-card.is-correct .quiz-answer-letter{background:rgba(20,184,106,.18);color:var(--success)}
.quiz-answer-card.is-incorrect .quiz-answer-letter{background:rgba(225,87,87,.14);color:var(--danger)}
.quiz-answer-text{font-weight:600;color:var(--text)}
.quiz-answer-text p{margin:0}
.quiz-answer-text u{text-underline-offset:3px}
.quiz-feedback-card{
  display:grid;grid-template-columns:auto 1fr;gap:14px;margin-top:18px;padding:18px;border-radius:22px;border:1px solid var(--line)
}
.quiz-feedback-card.is-correct{background:var(--success-soft);border-color:rgba(20,184,106,.18)}
.quiz-feedback-card.is-incorrect{background:var(--warning-soft);border-color:rgba(245,158,11,.18)}
.quiz-feedback-icon{
  width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.98), rgba(247,250,255,.92));font-size:1.25rem;box-shadow:0 18px 34px rgba(10,22,40,.1);overflow:hidden
}
.quiz-symbol{display:block;width:100%;height:100%;color:currentColor}
.core-symbol{width:62%;height:62%}
.result-core-symbol{width:68%;height:68%}
.svg-mascot{width:84%;height:84%}
.quiz-reaction-stage{position:relative;width:100%;height:100%;display:grid;place-items:center;isolation:isolate}
.quiz-reaction-aura{position:absolute;inset:8px;border-radius:999px;background:radial-gradient(circle, rgba(197,165,90,.24), rgba(37,99,235,.06) 58%, transparent 72%);animation:reactionPulse 1.8s ease-in-out infinite}
.quiz-reaction-core{position:relative;z-index:2;width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,250,239,.9));box-shadow:0 10px 20px rgba(10,22,40,.08);color:var(--navy);animation:reactionCoreBob 1.4s ease-in-out infinite}
.quiz-reaction-orbit{position:absolute;z-index:1;display:grid;place-items:center;width:20px;height:20px;color:var(--navy);filter:drop-shadow(0 6px 10px rgba(10,22,40,.08));animation:reactionOrbit 2.8s linear infinite}
.quiz-reaction-orbit.token-1{top:10px;left:14px;animation-delay:-.3s}
.quiz-reaction-orbit.token-2{top:12px;right:12px;animation-delay:-1.05s}
.quiz-reaction-orbit.token-3{bottom:10px;left:18px;animation-delay:-1.7s}
.quiz-reaction-orbit.token-4{bottom:12px;right:15px;animation-delay:-2.2s}
.quiz-feedback-card.has-sad .quiz-reaction-aura,.quiz-feedback-card.has-light-shake .quiz-reaction-aura,.quiz-feedback-card.has-focus .quiz-reaction-aura{background:radial-gradient(circle, rgba(245,158,11,.22), rgba(255,255,255,0) 72%)}
.quiz-feedback-card.has-genius .quiz-reaction-core,.quiz-feedback-card.has-einstein .quiz-reaction-core{background:linear-gradient(135deg, rgba(255,252,235,.98), rgba(255,246,213,.92));color:#B45309}
.quiz-feedback-card.has-owl-dance .quiz-reaction-core,.quiz-feedback-card.has-owl-shake .quiz-reaction-core{background:linear-gradient(135deg, rgba(245,249,255,.98), rgba(232,243,255,.9));color:#16356A}
.quiz-feedback-card strong{display:block;color:var(--navy);margin-bottom:6px;font-size:1.14rem}
.quiz-feedback-card p{margin:0;color:var(--text)}
.quiz-feedback-tip{margin-top:10px;color:var(--muted);font-size:.94rem}
.quiz-feedback-label{display:block;margin-top:10px;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800}
.quiz-feedback-explanation,.quiz-review-explanation{margin-top:12px}
.quiz-feedback-explanation p,.quiz-review-explanation p{margin:6px 0 0;color:var(--text)}
.quiz-feedback-note{margin-top:12px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.76);border:1px solid rgba(10,22,40,.08)}
.quiz-feedback-note p{margin:6px 0 0;color:var(--text)}
.quiz-feedback-note--review{background:#fff}
.quiz-course-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:20px 22px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(37,99,235,.06),rgba(255,255,255,.98))}
.quiz-course-panel--minimal{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.98)}
.quiz-course-panel__copy{display:grid;gap:8px}
.quiz-course-panel__copy strong{color:var(--navy);font-size:1.08rem}
.quiz-course-panel__copy p{margin:0;color:var(--text)}
.quiz-course-kicker{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800}
.quiz-course-panel__btn{white-space:nowrap}
.quiz-course-panel--result{margin-top:22px}
.quiz-chip-streak strong{margin-left:4px}
.quiz-feedback-card.has-stars{background:linear-gradient(135deg,#FFF9E8 0%, #FFFFFF 100%);border-color:rgba(197,165,90,.24)}
.quiz-feedback-card.has-premium-glow{background:linear-gradient(135deg,#FFF7E6 0%, #FFFFFF 100%)}
.quiz-feedback-card.has-einstein,.quiz-feedback-card.has-genius{background:linear-gradient(135deg,rgba(197,165,90,.18),rgba(255,255,255,.98));border-color:rgba(197,165,90,.34)}
.quiz-feedback-card.has-owl-dance,.quiz-feedback-card.has-owl-shake{background:linear-gradient(135deg,#F7FAFF 0%,#FFFFFF 100%)}
.quiz-feedback-card.has-sad,.quiz-feedback-card.has-light-shake,.quiz-feedback-card.has-focus{background:linear-gradient(135deg,#FFF7EC 0%,#FFFFFF 100%)}
.quiz-feedback-card.has-focus{border-color:rgba(245,158,11,.28)}
.quiz-feedback-card.has-stars .quiz-reaction-core,.quiz-feedback-card.has-premium-glow .quiz-reaction-core{color:#173056}
.quiz-feedback-card.has-sad .quiz-reaction-core,.quiz-feedback-card.has-light-shake .quiz-reaction-core,.quiz-feedback-card.has-focus .quiz-reaction-core{color:#9A6700}
.quiz-feedback-mascot{margin-top:12px;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(10,22,40,.06);color:var(--navy)}
.quiz-feedback-mascot.owl-dance{animation:owlDance .9s ease-in-out infinite}
.quiz-feedback-mascot.owl-shake{animation:owlShake .7s ease-in-out infinite}
.quiz-support-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;flex-wrap:wrap}
.quiz-support-meta{font-size:.92rem;color:var(--muted);font-weight:700}
.quiz-hint-btn{min-height:48px}
.quiz-hint-btn.is-disabled{opacity:.56;cursor:not-allowed}
.quiz-hint-card,.quiz-feedback-card--hint,.quiz-restart-card{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:18px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(197,165,90,.10),rgba(255,255,255,.98));margin:0 0 16px}
.quiz-hint-card strong,.quiz-feedback-card--hint strong,.quiz-restart-copy strong{display:block;color:var(--navy);margin-bottom:6px;font-size:1.02rem}
.quiz-hint-card p,.quiz-feedback-card--hint p,.quiz-restart-copy p{margin:0;color:var(--text)}
.quiz-hint-steps{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.quiz-hint-steps li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}
.quiz-hint-step-index{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:rgba(197,165,90,.18);color:var(--navy);font-weight:800;font-size:.82rem;margin-top:2px}
.quiz-hint-step-copy p{margin:0}
.quiz-hint-step-copy .rich-content p + p{margin-top:6px}

.quiz-math-composer{margin-top:14px;display:grid;gap:10px}
.quiz-math-toggle{appearance:none;border:none;border-radius:16px;background:rgba(197,165,90,.14);color:var(--navy);padding:13px 16px;font-weight:800;display:inline-flex;align-items:center;gap:10px;justify-content:center;cursor:pointer;box-shadow:0 8px 18px rgba(10,22,40,.06);transition:transform .16s ease, box-shadow .16s ease, background .16s ease}
.quiz-math-toggle:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(10,22,40,.1);background:rgba(197,165,90,.18)}
.quiz-math-toggle-icon{font-size:1.05rem}
.quiz-math-panel{padding:14px 16px;border:1px solid rgba(196,151,76,.22);border-radius:18px;background:linear-gradient(180deg, rgba(255,252,245,.98), rgba(255,248,234,.95));box-shadow:0 10px 24px rgba(196,151,76,.08)}
.quiz-math-helper-note{font-size:.88rem;color:var(--muted);margin-bottom:10px}
.quiz-math-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.quiz-math-tab{appearance:none;border:none;border-radius:999px;padding:9px 14px;background:rgba(10,22,40,.07);color:var(--navy);font-weight:700;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}
.quiz-math-tab:hover{transform:translateY(-1px)}
.quiz-math-tab.is-active{background:var(--navy);color:#fff}
.quiz-math-panels{display:grid;gap:10px}
.quiz-math-keys{display:flex;flex-wrap:wrap;gap:8px}
.quiz-math-key{appearance:none;border:none;border-radius:12px;background:#fff;color:var(--navy);padding:10px 12px;font-weight:700;box-shadow:0 8px 18px rgba(10,22,40,.08);cursor:pointer;transition:transform .16s ease, box-shadow .16s ease, background .16s ease;min-width:48px}
.quiz-math-key:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(10,22,40,.12);background:#fffdf8}
.quiz-math-key:active{transform:translateY(0)}
.quiz-math-key--wide{min-width:82px}
.quiz-math-key--action{background:rgba(24,39,69,.92);color:#fff}
.quiz-math-preview{margin-top:12px;display:grid;gap:6px}
.quiz-math-preview-label{font-size:.82rem;font-weight:800;color:var(--navy);text-transform:uppercase;letter-spacing:.04em}
.quiz-math-preview-box{min-height:52px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid rgba(10,22,40,.08);font-family:"Cambria Math","STIX Two Math",Inter,system-ui,sans-serif;display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.quiz-math-preview-empty{color:var(--muted)}
.quiz-math-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.quiz-text-answer .quiz-text-input{font-family:"Cambria Math","STIX Two Math",Inter,system-ui,sans-serif}
@media (max-width: 720px){
  .quiz-math-panel{padding:12px}
  .quiz-math-key{padding:9px 11px;min-width:44px;font-size:.95rem}
  .quiz-math-key--wide{min-width:72px}
  .quiz-math-toggle{width:100%}
}
.quiz-hint-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#fff;font-size:1.2rem}
.quiz-restart-card{grid-template-columns:1fr;gap:16px;background:linear-gradient(135deg,rgba(245,158,11,.08),rgba(255,255,255,.98));margin:18px 0 0}
.quiz-restart-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.quiz-restart-btn{min-width:210px}
.quiz-tool-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;margin-bottom:12px}
.quiz-tool-meta{font-size:.92rem;color:var(--muted);font-weight:600}
.quiz-hint-btn[disabled]{opacity:.5;cursor:not-allowed}
.quiz-next-zone{display:flex;justify-content:flex-end;margin-top:18px}
.quiz-next-btn{
  min-width:220px;padding:15px 22px;border-radius:999px;border:none;
  background:linear-gradient(135deg,var(--gold) 0%,#E0C98D 100%);
  color:var(--navy);font-weight:800;box-shadow:0 16px 28px rgba(197,165,90,.28)
}
.quiz-result-hero{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}
.quiz-result-emoji{
  position:relative;width:104px;height:104px;border-radius:28px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(197,165,90,.18),rgba(37,99,235,.10));overflow:hidden;box-shadow:0 20px 36px rgba(10,22,40,.08);color:var(--navy)
}
.quiz-result-emoji.is-genius{color:#B45309;background:linear-gradient(135deg,rgba(255,240,200,.72),rgba(255,255,255,.98))}
.quiz-result-emoji.is-einstein{color:#1D4ED8;background:linear-gradient(135deg,rgba(227,238,255,.88),rgba(255,255,255,.98))}
.quiz-result-emoji.is-focus{color:#9A6700;background:linear-gradient(135deg,rgba(255,241,214,.88),rgba(255,255,255,.98))}
.quiz-result-emoji::after{content:'';position:absolute;inset:10px;border-radius:24px;background:radial-gradient(circle, rgba(255,255,255,.42), rgba(255,255,255,0) 72%);animation:reactionPulse 2.4s ease-in-out infinite}
.quiz-result-emoji-core{position:relative;z-index:2;width:54px;height:54px;display:grid;place-items:center;animation:reactionCoreBob 1.6s ease-in-out infinite}
.quiz-result-emoji-orbit{position:absolute;z-index:1;width:22px;height:22px;display:grid;place-items:center;animation:reactionOrbit 3.2s linear infinite;filter:drop-shadow(0 6px 10px rgba(10,22,40,.08))}
.quiz-result-emoji-orbit.orbit-1{top:14px;left:14px;animation-delay:-.2s}
.quiz-result-emoji-orbit.orbit-2{top:16px;right:15px;animation-delay:-1.1s}
.quiz-result-emoji-orbit.orbit-3{bottom:14px;left:50%;margin-left:-8px;animation-delay:-2.1s}
.quiz-result-kicker{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800}
.quiz-result-copy h1{font-size:4.6rem;line-height:1;margin:8px 0 6px}
.quiz-result-copy h2{margin:0 0 10px}
.quiz-result-copy p{margin:0;color:var(--muted);max-width:700px}
.quiz-result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.quiz-result-stat{padding:18px;border-radius:22px;background:var(--bg);border:1px solid var(--line)}
.quiz-result-stat span{display:block;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px}
.quiz-result-stat strong{font-size:1.2rem;color:var(--navy)}
.quiz-result-breakdown,.quiz-review-card{
  margin-top:22px;padding:22px;border-radius:24px;border:1px solid var(--line);background:#fff
}
.quiz-breakdown-list,.quiz-review-list{display:grid;gap:14px}
.quiz-breakdown-head{display:flex;justify-content:space-between;gap:12px;font-weight:700;color:var(--navy);margin-bottom:8px}
.quiz-review-item{padding:18px;border-radius:18px;background:var(--bg);border:1px solid var(--line)}
.quiz-review-item h4{font-size:1rem;margin-bottom:10px}
.quiz-review-item p{margin:6px 0;color:var(--text)}
.quiz-no-error{
  margin-top:22px;padding:20px;border-radius:20px;text-align:center;
  background:var(--success-soft);border:1px solid rgba(20,184,106,.18);font-weight:800;color:var(--success)
}
.quiz-burst-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:8}
.quiz-burst-piece{
  position:absolute;animation:quizBurst var(--burst-duration,1.5s) cubic-bezier(.18,.73,.24,1) forwards;will-change:transform,opacity
}
.quiz-burst-piece.is-confetti{border-radius:999px;box-shadow:0 4px 10px rgba(10,22,40,.14)}
.quiz-burst-piece.is-symbol{width:20px;height:20px;color:var(--navy);filter:drop-shadow(0 8px 14px rgba(10,22,40,.12))}
.quiz-burst-symbol{width:100%;height:100%;display:block}
.is-shaking{animation:quizShake .42s ease}
.is-premium-glow{animation:quizGlow 1.05s ease}
.is-gold-flash{animation:quizGoldFlash 1.2s ease}
.is-sad-wave{animation:quizSadWave .85s ease}
@keyframes quizBurst{
  0%{opacity:0;transform:translate3d(0,0,0) rotate(0deg) scale(.56)}
  12%{opacity:1}
  78%{opacity:1}
  100%{opacity:0;transform:translate3d(var(--burst-x,0px),var(--burst-y,-120px),0) rotate(var(--burst-rotate,160deg)) scale(var(--burst-scale,1.1))}
}
@keyframes reactionPulse{
  0%,100%{transform:scale(.92);opacity:.72}
  50%{transform:scale(1.08);opacity:1}
}
@keyframes reactionCoreBob{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-4px) scale(1.05)}
}
@keyframes reactionOrbit{
  0%{transform:translateY(0) scale(.94) rotate(0deg)}
  25%{transform:translateY(-4px) scale(1.02) rotate(10deg)}
  50%{transform:translateY(0) scale(1.08) rotate(0deg)}
  75%{transform:translateY(4px) scale(1.02) rotate(-10deg)}
  100%{transform:translateY(0) scale(.94) rotate(0deg)}
}
@keyframes quizShake{
  0%,100%{transform:translateX(0)}
  20%{transform:translateX(-6px)}
  40%{transform:translateX(6px)}
  60%{transform:translateX(-4px)}
  80%{transform:translateX(4px)}
}
@keyframes quizGlow{
  0%,100%{box-shadow:var(--shadow-md)}
  50%{box-shadow:0 24px 48px rgba(197,165,90,.28)}
}
@keyframes quizGoldFlash{
  0%,100%{box-shadow:var(--shadow-md)}
  35%{box-shadow:0 0 0 6px rgba(197,165,90,.10), 0 28px 56px rgba(197,165,90,.22)}
  70%{box-shadow:0 0 0 14px rgba(197,165,90,0)}
}
@keyframes quizSadWave{
  0%,100%{transform:translateY(0)}
  40%{transform:translateY(4px)}
  70%{transform:translateY(-2px)}
}
@keyframes owlDance{
  0%,100%{transform:rotate(0deg) translateY(0)}
  25%{transform:rotate(-10deg) translateY(-2px)}
  50%{transform:rotate(10deg) translateY(0)}
  75%{transform:rotate(-8deg) translateY(-2px)}
}
@keyframes owlShake{
  0%,100%{transform:rotate(0deg)}
  25%{transform:rotate(-10deg)}
  50%{transform:rotate(10deg)}
  75%{transform:rotate(-8deg)}
}
@media (max-width:1100px){
  .home-hero-grid,.public-exam-grid{grid-template-columns:1fr 1fr}
  .home-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav-phone{padding:10px 14px}
  .nav-phone-copy strong{font-size:.94rem}
}
@media (max-width:760px){
  .hero-home{padding-top:128px}
  .home-hero-grid,.public-exam-grid,.quiz-answer-grid,.quiz-result-stats,.cta-band{grid-template-columns:1fr}
  .cta-band{display:grid}
  .home-subject-grid{grid-template-columns:1fr}
  .home-subject-card.is-wide{grid-column:auto}
  .nav-phone{
    min-height:44px;padding:8px 12px;border-radius:14px;gap:8px;
    background:rgba(255,255,255,.96)
  }
  .nav-phone-icon{width:32px;height:32px;border-radius:10px}
  .nav-phone-label{display:none}
  .nav-phone-copy{gap:0}
  .nav-phone-copy strong{font-size:.88rem}
  .top-strip{display:none}
  .quiz-shell{width:min(980px,calc(100% - 20px));margin:104px auto 0}
  .quiz-intro-card,.quiz-result-card,.quiz-question-card{padding:22px}
  .quiz-question-body,.quiz-result-hero{grid-template-columns:1fr}
  .quiz-question-title{font-size:1.65rem}
  .quiz-next-zone{justify-content:stretch}
  .quiz-next-btn,.quiz-restart-btn{width:100%}
  .quiz-restart-actions{justify-content:stretch}
  .quiz-hint-card,.quiz-feedback-card--hint,.quiz-restart-card{grid-template-columns:1fr}
  .quiz-course-panel{flex-direction:column;align-items:flex-start}
  .quiz-course-panel__btn{width:100%;text-align:center}
}


.quiz-text-answer{display:grid;gap:14px;margin-top:10px}
.quiz-text-label{font-weight:700;color:#173056}
.quiz-text-input{width:100%;padding:16px 18px;border-radius:18px;border:2px solid rgba(23,48,86,.16);font-size:1rem;background:#fff;transition:border-color .2s ease, box-shadow .2s ease}
.quiz-text-input:focus{outline:none;border-color:#C5A55A;box-shadow:0 0 0 4px rgba(197,165,90,.16)}
.quiz-text-input.is-correct{border-color:#2e8b57;background:#f3fff8}
.quiz-text-input.is-incorrect{border-color:#b42318;background:#fff6f5}
.quiz-text-submit{justify-self:start}


/* Mobile stability + install banner */
html,body{overflow-x:hidden}
.page-wrap{overflow-x:clip}
.btn-gold,.btn-outline,.btn-secondary,.quiz-next-btn,.quiz-text-submit{display:inline-flex;align-items:center;justify-content:center}
body.nav-open{overflow:hidden}
.install-banner{
  position:fixed;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));
  z-index:2200;display:none;gap:14px;align-items:center;justify-content:space-between;
  padding:16px 18px;border-radius:22px;background:rgba(10,22,40,.98);color:#fff;
  box-shadow:0 22px 42px rgba(10,22,40,.28);border:1px solid rgba(197,165,90,.22)
}
.install-banner.is-visible{display:flex;animation:bounceIn .35s ease}
.install-banner-copy{display:grid;gap:4px}
.install-banner-copy strong{font-size:1rem;color:#fff}
.install-banner-copy p{margin:0;color:rgba(255,255,255,.78);font-size:.92rem;line-height:1.35}
.install-banner-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}
.install-banner-btn,.install-banner-close{
  border:none;border-radius:999px;font-weight:800;cursor:pointer
}
.install-banner-btn{
  padding:12px 16px;background:linear-gradient(135deg,var(--gold),#e6c778);color:#13263f
}
.install-banner-close{
  width:42px;height:42px;background:rgba(255,255,255,.12);color:#fff;font-size:1.1rem
}
.install-banner-tips{display:none}
@media (max-width:760px){
  .page-wrap{padding-top:82px}
  .section{padding:64px 0}
  .page-hero{padding:96px 0 40px}
  .nav-brand img{width:46px;height:46px;border-radius:14px}
  .brand-name{font-size:1.18rem}
  .brand-sub{display:none}
  .nav-inner{gap:10px}
  .navbar{padding:8px 0}
  .nav-actions{margin-left:auto;gap:8px}
  .nav-links{
    position:fixed;left:12px;right:12px;top:78px;display:none;flex-direction:column;align-items:stretch;
    padding:14px;background:rgba(255,255,255,.99);border:1px solid var(--line);border-radius:24px;
    box-shadow:0 20px 38px rgba(10,22,40,.16);max-height:calc(100dvh - 110px);overflow:auto;z-index:2100
  }
  .hero-actions > *, .button-row > *, .cta-row > *{width:100%}
  .hero-trust-list span{width:100%;justify-content:center}
  .floating-wa,.floating-call{right:12px}
  .floating-wa{bottom:14px}
  .floating-call{bottom:78px}
  .install-banner{left:10px;right:10px;bottom:calc(12px + env(safe-area-inset-bottom));padding:14px 14px 16px;align-items:flex-start}
  .install-banner-actions{width:100%;justify-content:space-between}
  .install-banner-btn{flex:1}
  .quiz-stage-meta{overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .quiz-stage-meta::-webkit-scrollbar{display:none}
  .quiz-question-title{font-size:1.45rem}
  .rich-content svg,.rich-content img{max-width:100%}
}
@media (max-width:420px){
  .container,.container-narrow,.nav-inner,.top-strip-inner,.footer-inner{width:calc(100% - 20px)}
  .floating-wa span,.floating-call span{display:none}
  .floating-wa,.floating-call{width:52px;height:52px;padding:0;justify-content:center}
}


.subject-langues .subject-icon,.accent-langues{background:linear-gradient(135deg,#5B2D91,#A855F7)}
.home-subject-card.subject-langues .home-subject-icon{background:rgba(168,85,247,.12);color:#6D28D9}
.course-nav-pills{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.course-nav-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--navy);font-weight:700}
.course-nav-pill.active{background:linear-gradient(135deg,var(--navy),var(--navy-3));color:#fff;border-color:transparent}
.lesson-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 30px}
.lesson-index .card-btn{width:100%}
.course-callout,.example-box,.tip-box,.warning-box,.activity-card{padding:16px 18px;border-radius:18px;border:1px solid var(--line);margin:14px 0;box-shadow:var(--shadow-sm)}
.course-callout,.example-box{background:#F8FAFD}
.tip-box{background:var(--success-soft);border-color:rgba(20,184,106,.18)}
.warning-box{background:var(--warning-soft);border-color:rgba(245,158,11,.2)}
.activity-card{background:#fff}
.lesson-block{padding-top:10px;margin-top:24px;border-top:1px solid var(--line)}
.quick-badges{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 20px}
.quiz-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 8px}
.answer-key{margin-top:10px}
.answer-key li{margin-bottom:6px}


/* Course + quiz math readability */
.course-content{
  font-size:1.03rem;
  line-height:1.78;
}
.course-content h1,.course-content h2,.course-content h3{
  line-height:1.18;
  letter-spacing:-0.01em;
}
.course-content h1{margin-bottom:10px}
.course-content h2{margin-top:28px;margin-bottom:12px}
.course-content h3{margin-top:22px;margin-bottom:10px}

/* Homepage premium refresh */
body[data-page="home"]{
  background:
    linear-gradient(180deg,#F8FAFD 0%,#F4F7FB 46%,#FFFFFF 100%);
}
body[data-page="home"] .hero-home{
  min-height:760px;
  padding-top:148px;
  padding-bottom:92px;
  background:
    linear-gradient(110deg, rgba(248,250,253,.98) 0%, rgba(248,250,253,.94) 48%, rgba(10,22,40,.04) 100%),
    linear-gradient(135deg,#FFFFFF 0%,#F0F4FA 100%);
  isolation:isolate;
}
body[data-page="home"] .hero-home::before{
  background:
    linear-gradient(90deg, rgba(10,22,40,.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(10,22,40,.03) 1px, transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg,#000 0%, transparent 82%);
  opacity:.62;
}
body[data-page="home"] .hero-home::after{
  inset:auto -180px -220px auto;
  width:560px;
  height:560px;
  border-color:rgba(197,165,90,.22);
  box-shadow:0 0 0 64px rgba(197,165,90,.055),0 0 0 150px rgba(10,22,40,.03);
}
body[data-page="home"] .home-hero-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:48px;
}
body[data-page="home"] .home-hero-copy h1{
  font-size:clamp(3.2rem,5.1vw,5.45rem);
  max-width:820px;
  letter-spacing:-.02em;
}
body[data-page="home"] .home-hero-copy .subtitle{
  max-width:720px;
  font-size:1.18rem;
  line-height:1.72;
  color:#405067;
}
body[data-page="home"] .hero-badge{
  background:linear-gradient(135deg,var(--navy),#172C4E);
  border:1px solid rgba(197,165,90,.24);
  box-shadow:0 16px 36px rgba(10,22,40,.14);
}
body[data-page="home"] .hero-actions{
  margin-top:30px;
}
body[data-page="home"] .hero-actions a{
  min-height:54px;
  padding-inline:24px;
}
body[data-page="home"] .hero-trust-list{
  max-width:760px;
  gap:12px;
  margin-top:28px;
}
body[data-page="home"] .hero-trust-list span{
  background:rgba(255,255,255,.9);
  border-color:rgba(10,22,40,.08);
  color:#38485E;
  box-shadow:0 12px 24px rgba(10,22,40,.055);
}
body[data-page="home"] .home-hero-panel{
  min-height:520px;
  padding:28px;
  border-radius:32px;
  background:
    linear-gradient(145deg,rgba(10,22,40,.98) 0%,rgba(17,32,58,.98) 58%,rgba(23,48,86,.98) 100%);
  border:1px solid rgba(197,165,90,.22);
  box-shadow:0 32px 80px rgba(10,22,40,.24);
}
body[data-page="home"] .home-hero-panel::before{
  inset:0;
  width:auto;
  height:auto;
  border-radius:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size:42px 42px;
  opacity:.16;
}
body[data-page="home"] .home-hero-panel::after{
  content:"";
  position:absolute;
  inset:auto 24px 24px auto;
  width:150px;
  height:150px;
  border:1px solid rgba(197,165,90,.24);
  border-radius:50%;
}
body[data-page="home"] .home-hero-panel .hero-logo{
  position:relative;
  z-index:2;
  width:108px;
  height:108px;
  border-radius:28px;
  box-shadow:0 22px 46px rgba(0,0,0,.24),0 0 0 8px rgba(197,165,90,.08);
}
.academy-console{
  position:relative;
  z-index:2;
  display:grid;
  gap:18px;
}
.console-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.11);
}
.console-head strong{
  display:block;
  color:#fff;
  font-family:var(--font-display);
  font-size:2rem;
  line-height:1;
}
.console-head span{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.72);
  font-size:.94rem;
}
.console-status{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(20,184,106,.14);
  color:#B9F6D4;
  border:1px solid rgba(20,184,106,.22);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.console-status::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#14B86A;
  box-shadow:0 0 0 6px rgba(20,184,106,.12);
}
.console-progress{
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.96);
  box-shadow:0 20px 40px rgba(0,0,0,.16);
}
.console-progress-top{
  display:flex;
  justify-content:space-between;
  gap:18px;
  margin-bottom:12px;
  color:var(--navy);
  font-weight:800;
}
.console-progress-top span{
  color:#526176;
  font-weight:700;
}
.console-bar{
  height:12px;
  border-radius:999px;
  overflow:hidden;
  background:#E8EDF4;
}
.console-bar span{
  display:block;
  width:82%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--gold),#F0D99A);
}
.console-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.console-tile{
  min-height:104px;
  padding:16px;
  border-radius:20px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.11);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.console-tile span{
  color:var(--gold-2);
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
}
.console-tile strong{
  color:#fff;
  font-size:1.04rem;
}
.console-note{
  padding:16px 18px;
  border-radius:20px;
  background:rgba(197,165,90,.12);
  border:1px solid rgba(197,165,90,.20);
  color:rgba(255,255,255,.82);
}
body[data-page="home"] .home-stats-section{
  padding-top:0;
  margin-top:-46px;
  z-index:3;
}
body[data-page="home"] .stats-bar{
  padding:10px;
  border-radius:28px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(230,234,241,.92);
  box-shadow:0 24px 54px rgba(10,22,40,.10);
  backdrop-filter:blur(16px);
}
body[data-page="home"] .stat-card{
  border-radius:22px;
  box-shadow:none;
  background:linear-gradient(180deg,#fff,#FAFBFE);
}
body[data-page="home"] .card,
body[data-page="home"] .home-subject-card,
body[data-page="home"] .exam-card-public,
body[data-page="home"] .pillar-card{
  border-radius:22px;
  border-color:rgba(10,22,40,.075);
}
body[data-page="home"] .card{
  min-height:292px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
body[data-page="home"] .card .btn-secondary{
  margin-top:auto;
}
body[data-page="home"] .section.is-soft{
  background:
    linear-gradient(180deg,#FFFFFF 0%,#F5F8FC 100%);
}
body[data-page="home"] .home-subject-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.home-subject-card.subject-business .home-subject-icon{
  background:rgba(197,165,90,.16);
  color:#8E7130;
}
.home-subject-card.subject-humanities .home-subject-icon{
  background:rgba(23,48,86,.10);
  color:var(--navy-3);
}
body[data-page="home"] .home-subject-card.subject-economie.is-wide{
  grid-column:span 2;
}
body[data-page="home"] .exam-card-public{
  background:
    linear-gradient(180deg,#FFFFFF 0%,#FAFBFE 100%);
}
body[data-page="home"] .pillar-card{
  position:relative;
  overflow:hidden;
  background:#fff;
}
body[data-page="home"] .pillar-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--navy),var(--gold));
}
body[data-page="home"] .cta-band{
  padding:34px;
  border-radius:30px;
  background:
    linear-gradient(135deg,rgba(10,22,40,.98),rgba(23,48,86,.98)),
    linear-gradient(90deg,rgba(197,165,90,.16),transparent);
  border:1px solid rgba(197,165,90,.18);
}

@media (max-width:1100px){
  body[data-page="home"] .home-hero-grid{
    grid-template-columns:1fr;
  }
  body[data-page="home"] .home-hero-panel{
    min-height:auto;
  }
  body[data-page="home"] .home-subject-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:760px){
  body[data-page="home"] .hero-home{
    min-height:auto;
    padding-top:118px;
    padding-bottom:70px;
  }
  body[data-page="home"] .home-hero-copy h1{
    font-size:clamp(2.65rem,15vw,3.45rem);
  }
  body[data-page="home"] .home-hero-copy .subtitle{
    font-size:1.04rem;
  }
  body[data-page="home"] .home-hero-panel{
    padding:20px;
    border-radius:26px;
  }
  .console-head{
    display:grid;
  }
  .console-grid,
  body[data-page="home"] .home-subject-grid{
    grid-template-columns:1fr;
  }
  body[data-page="home"] .home-subject-card.subject-economie.is-wide{
    grid-column:auto;
  }
  body[data-page="home"] .home-stats-section{
    margin-top:-24px;
  }
  body[data-page="home"] .stats-bar{
    padding:8px;
  }
}
.course-content p,.course-content li,.course-content td,.course-content th,
.rich-content p,.rich-content li,.rich-content td,.rich-content th{
  line-height:1.72;
}
.course-content table,.rich-content table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  border:1px solid rgba(10,22,40,.08);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 12px 26px rgba(10,22,40,.05);
}
.course-content th,.course-content td,.rich-content th,.rich-content td{
  padding:12px 14px;
  border-bottom:1px solid rgba(10,22,40,.08);
  vertical-align:top;
}
.course-content th,.rich-content th{
  background:#F7F9FC;
  color:var(--navy);
  font-weight:800;
}
.course-content tr:last-child td,.rich-content tr:last-child td{border-bottom:none}
.table-wrap{overflow-x:auto;border-radius:20px}
.math,.math-inline,.math-readable{
  font-family:"Cambria Math","STIX Two Math","Times New Roman",serif;
  letter-spacing:0;
}
.math-inline{white-space:nowrap}
.math-limit{
  display:inline-flex;
  align-items:flex-start;
  gap:.08em;
  font-weight:700;
  white-space:nowrap;
}
.math-limit sub{
  font-size:.72em;
  line-height:1;
  align-self:flex-end;
  padding-left:.04em;
}
.frac{
  display:inline-grid;
  grid-template-rows:auto auto;
  align-items:center;
  justify-items:center;
  vertical-align:middle;
  line-height:1.02;
  margin:0 .12em;
  min-width:1.55em;
}
.frac .top,
.frac .bottom{
  display:block;
  padding:0 .18em;
  white-space:nowrap;
}
.frac .top{
  border-bottom:1.65px solid currentColor;
  padding-bottom:.08em;
}
.frac .bottom{
  padding-top:.08em;
}
.frac--wide{
  min-width:2.8em;
}
.frac--wide .top,
.frac--wide .bottom{
  padding-inline:.35em;
}
.quiz-question-title .frac,
.quiz-answer-text .frac,
.quiz-feedback-card .frac,
.course-content .frac{
  font-size:.98em;
}
.quiz-question-title .math-limit,
.course-content .math-limit{
  font-size:1.02em;
}
.course-content .example-box strong,
.course-content .tip-box strong,
.course-content .warning-box strong{
  color:var(--navy);
}
.course-content .formula-line,
.rich-content .formula-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.32rem;
  margin:.2rem 0;
}
@media (max-width:760px){
  .course-content{font-size:1rem;line-height:1.72}
  .course-content th,.course-content td,.rich-content th,.rich-content td{padding:10px 12px}
  .frac{font-size:.95em}
}
@media (max-width:760px){
  .lesson-index,.quiz-links-grid{grid-template-columns:1fr}
}

/* ══════════════════════════════════════
   SEARCH BAR
   ══════════════════════════════════════ */
.search-bar-wrap{position:relative;margin-bottom:32px}
.search-bar{display:flex;align-items:center;gap:12px;min-height:68px;padding:14px 20px;border-radius:22px;border:1px solid rgba(10,22,40,.08);background:rgba(255,255,255,.96);box-shadow:0 18px 34px rgba(10,22,40,.06);transition:border-color .2s,box-shadow .2s,transform .2s}
.search-bar:focus-within{border-color:var(--gold,#C5A55A);box-shadow:0 0 0 4px rgba(197,165,90,.10),0 18px 34px rgba(10,22,40,.08);transform:translateY(-1px)}
.search-bar-icon{flex-shrink:0;color:var(--muted);opacity:.72}
.search-input{flex:1;border:none;outline:none;background:transparent;font-size:1rem;color:var(--navy);font-family:inherit;min-width:0}
.search-input::placeholder{color:var(--muted);opacity:.8}
.search-clear{border:none;background:transparent;font-size:1.1rem;cursor:pointer;color:var(--muted);padding:6px 10px;border-radius:10px}
.search-clear:hover{background:var(--line)}
.search-results{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#fff;border-radius:22px;border:1px solid rgba(10,22,40,.08);box-shadow:0 24px 42px rgba(10,22,40,.12);max-height:420px;overflow-y:auto;z-index:200}
.search-result-item{display:flex;align-items:center;gap:14px;padding:15px 18px;text-decoration:none;color:var(--navy);border-bottom:1px solid var(--line);transition:background .15s}
.search-result-item:last-child{border-bottom:none}
.search-result-item:hover{background:rgba(197,165,90,.06)}
.search-result-icon{font-size:1.3rem;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F8FAFD,#EEF2F8);border-radius:12px}
.search-result-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.search-result-info strong{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-result-info span{font-size:.8rem;color:var(--muted)}
.search-empty{padding:22px;text-align:center;color:var(--muted);font-size:.95rem}

/* ══════════════════════════════════════
   HOME PATHWAY CARDS
   ══════════════════════════════════════ */
.home-pathway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.library-home-head{max-width:920px}
.pathway-card{position:relative;display:grid;gap:18px;min-height:320px;padding:30px;border-radius:28px;border:1px solid rgba(10,22,40,.08);background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,250,253,.98) 100%);cursor:pointer;transition:transform .22s,box-shadow .22s,border-color .22s;text-align:left;overflow:hidden;box-shadow:0 18px 38px rgba(10,22,40,.08)}
.pathway-card::before{content:'';position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--gold),rgba(197,165,90,0))}
.pathway-card::after{content:'';position:absolute;right:-48px;top:-42px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(197,165,90,.14),transparent 68%);pointer-events:none}
.pathway-card:hover{transform:translateY(-6px);box-shadow:0 24px 46px rgba(10,22,40,.12);border-color:rgba(197,165,90,.28)}
.pathway-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.pathway-icon-wrap{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(10,22,40,.96),rgba(23,48,86,.96));box-shadow:0 16px 30px rgba(10,22,40,.16)}
.pathway-icon{font-size:2rem;line-height:1}
.pathway-copy{display:grid;gap:8px}
.pathway-label{margin:0;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8E7130}
.pathway-card h3{font-size:clamp(1.45rem,2vw,1.85rem);color:var(--navy);margin:0}
.pathway-equiv{margin:0;font-size:.9rem;color:var(--muted);font-weight:700}
.pathway-desc{margin:0;color:var(--text);max-width:34ch}
.pathway-points{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.pathway-points li{display:flex;align-items:flex-start;gap:10px;color:var(--text)}
.pathway-point-icon{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:999px;background:rgba(197,165,90,.12);color:#8E7130;font-size:.8rem;font-weight:800;margin-top:2px}
.pathway-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pathway-arrow{font-weight:800;color:var(--navy)}
.pathway-count{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:.84rem;font-weight:800;border:1px solid rgba(20,184,106,.16)}
.pathway-langues{background:linear-gradient(180deg,#FFFFFF 0%,#FFF9EC 100%)}
.pathway-langues .pathway-icon-wrap{background:linear-gradient(135deg,#173056,#0A1628)}
.pathway-classes{background:linear-gradient(180deg,#FFFFFF 0%,#F6F9FF 100%)}
.pathway-classes .pathway-icon-wrap{background:linear-gradient(135deg,#0F2444,#1B4A8E)}

/* ══════════════════════════════════════
   LANGUAGE CARDS
   ══════════════════════════════════════ */
.lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.lang-card{display:flex;align-items:center;gap:18px;padding:24px 22px;border-radius:18px;border:1px solid var(--line);background:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s}
.lang-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md,0 8px 30px rgba(0,0,0,.08))}
.lang-card-icon{font-size:2.4rem}
.lang-card h3{font-size:1.2rem;color:var(--navy);margin-bottom:4px}

/* ══════════════════════════════════════
   FILTER SMALL VARIANT
   ══════════════════════════════════════ */
.filter-btn-sm{font-size:.82rem!important;padding:6px 14px!important}

@media(max-width:760px){
  .home-pathway-grid{grid-template-columns:1fr}
  .lang-grid{grid-template-columns:1fr}
  .search-bar{min-height:58px;padding:10px 14px;border-radius:18px}
  .pathway-card{min-height:auto;padding:22px 18px;border-radius:22px}
  .pathway-card-top{align-items:center}
  .pathway-icon-wrap{width:52px;height:52px;border-radius:16px}
  .pathway-icon{font-size:1.6rem}
  .pathway-card h3{font-size:1.3rem}
  .pathway-card-footer{flex-direction:column;align-items:flex-start}
}

.quiz-reaction-stage.is-stars .quiz-reaction-core,.quiz-reaction-stage.is-premium-glow .quiz-reaction-core{animation:reactionCoreBob 1.2s ease-in-out infinite,reactionEmotionPulse 1.8s ease-in-out infinite}
.quiz-reaction-stage.is-sad .quiz-reaction-core,.quiz-reaction-stage.is-light-shake .quiz-reaction-core{animation:reactionCoreBob 1.6s ease-in-out infinite,reactionSadFloat 2.1s ease-in-out infinite}
.quiz-reaction-stage.is-focus .quiz-reaction-core{animation:reactionCoreBob 1.25s ease-in-out infinite,reactionAngryPulse 1.1s ease-in-out infinite}
.quiz-reaction-stage.is-owl-shake .quiz-reaction-core{animation:reactionOwlShake .8s ease-in-out infinite}
.quiz-reaction-stage.is-owl-dance .quiz-reaction-core{animation:reactionOwlDance .95s ease-in-out infinite}
.quiz-feedback-card.has-sad .quiz-reaction-core,.quiz-feedback-card.has-light-shake .quiz-reaction-core{background:linear-gradient(135deg, rgba(245,247,250,.98), rgba(235,241,247,.9));color:#64748B}
.quiz-feedback-card.has-focus .quiz-reaction-core{background:linear-gradient(135deg, rgba(255,244,220,.98), rgba(255,234,199,.92));color:#C2410C}
@keyframes reactionEmotionPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.08)}}
@keyframes reactionSadFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(2px) scale(.96)}}
@keyframes reactionAngryPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes reactionOwlShake{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
@keyframes reactionOwlDance{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px) rotate(4deg)}}

/* ============================================================
   ICA — New question types: True/False, Fill in the blank,
   Order words, Order events
   ============================================================ */

/* True / False */
.quiz-tf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:6px}
.quiz-tf-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 18px;border-radius:22px;border:2px solid rgba(23,48,86,.14);background:#fff;cursor:pointer;transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
.quiz-tf-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(10,22,40,.1)}
.quiz-tf-true{border-color:rgba(20,184,106,.22)}
.quiz-tf-true:hover{border-color:rgba(20,184,106,.55);background:rgba(20,184,106,.04)}
.quiz-tf-false{border-color:rgba(225,87,87,.22)}
.quiz-tf-false:hover{border-color:rgba(225,87,87,.55);background:rgba(225,87,87,.04)}
.quiz-tf-icon{font-size:2.4rem;line-height:1;font-weight:800}
.quiz-tf-true .quiz-tf-icon{color:#16a34a}
.quiz-tf-false .quiz-tf-icon{color:#dc2626}
.quiz-tf-label{font-size:1.05rem;font-weight:700;color:#173056;letter-spacing:.02em}
.quiz-tf-btn.is-locked{cursor:default}
.quiz-tf-btn.is-correct{border-color:rgba(20,184,106,.5);background:var(--success-soft,#ecfdf5)}
.quiz-tf-btn.is-incorrect{border-color:rgba(225,87,87,.5);background:var(--danger-soft,#fef2f2)}
.quiz-tf-btn.is-selected{box-shadow:0 0 0 4px rgba(197,165,90,.18)}

/* Fill in the blank */
.quiz-fill-wrap{display:grid;gap:18px;margin-top:6px}
.quiz-fill-sentence{font-size:1.08rem;line-height:2.1;color:#0F172A;background:rgba(248,250,254,.7);padding:18px 20px;border-radius:16px;border:1px solid rgba(23,48,86,.08)}
.quiz-fill-input{display:inline-block;min-width:90px;max-width:220px;width:auto;margin:0 4px;padding:6px 10px;border:none;border-bottom:2px dashed #C5A55A;background:transparent;font-size:1.02rem;font-weight:600;color:#173056;text-align:center;font-family:inherit;transition:border-color .2s ease,background .2s ease}
.quiz-fill-input:focus{outline:none;border-bottom-style:solid;background:rgba(197,165,90,.08)}
.quiz-fill-input.is-correct{border-bottom-color:#16a34a;background:rgba(20,184,106,.1);color:#15803d}
.quiz-fill-input.is-incorrect{border-bottom-color:#dc2626;background:rgba(225,87,87,.08);color:#b91c1c}
.quiz-fill-submit{justify-self:start}

/* Order words (sentence builder) */
.quiz-order-words{display:grid;gap:14px;margin-top:6px}
.quiz-order-build{min-height:64px;padding:14px 16px;border-radius:16px;border:2px dashed rgba(197,165,90,.5);background:rgba(255,250,239,.6);display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.quiz-order-build.is-correct{border-color:#16a34a;border-style:solid;background:rgba(20,184,106,.08)}
.quiz-order-build.is-incorrect{border-color:#dc2626;border-style:solid;background:rgba(225,87,87,.06)}
.quiz-order-placeholder{color:#94a3b8;font-style:italic}
.quiz-order-pool{display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px;border-radius:16px;background:rgba(248,250,254,.7);border:1px solid rgba(23,48,86,.08);min-height:64px;align-items:center}
.quiz-order-token{padding:8px 16px;border-radius:999px;border:1.5px solid rgba(23,48,86,.18);background:#fff;color:#173056;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;font-family:inherit}
.quiz-order-token:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(10,22,40,.08);border-color:#C5A55A}
.quiz-order-token.is-chosen{background:#173056;color:#fff;border-color:#173056}
.quiz-order-token.is-chosen:hover{background:#2c4980}
.quiz-order-token.is-used{opacity:.32;cursor:not-allowed;text-decoration:line-through}
.quiz-order-token.is-locked{cursor:default;pointer-events:none}
.quiz-order-actions{display:flex;gap:10px;flex-wrap:wrap}
.quiz-order-hint{font-size:.9rem;color:#64748b;margin:0}

/* Order events */
.quiz-order-events{display:grid;gap:14px;margin-top:6px}
.quiz-events-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.quiz-event-card{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-radius:14px;border:1.5px solid rgba(23,48,86,.12);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}
.quiz-event-card:hover{border-color:rgba(197,165,90,.5);box-shadow:0 6px 14px rgba(10,22,40,.06)}
.quiz-event-card.is-locked{cursor:default;opacity:.85}
.quiz-event-rank{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#173056,#2c4980);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem}
.quiz-event-text{font-size:1rem;color:#0F172A;line-height:1.5}
.quiz-event-actions{display:flex;flex-direction:column;gap:4px}
.quiz-event-actions button{width:32px;height:28px;border-radius:8px;border:1px solid rgba(23,48,86,.16);background:#f8fafc;cursor:pointer;font-size:1rem;color:#173056;transition:background .15s ease,border-color .15s ease}
.quiz-event-actions button:hover:not(:disabled){background:#173056;color:#fff;border-color:#173056}
.quiz-event-actions button:disabled{opacity:.3;cursor:not-allowed}
.quiz-events-submit{justify-self:start}

@media (max-width:680px){
  .quiz-tf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .quiz-tf-btn{padding:20px 12px}
  .quiz-tf-icon{font-size:1.8rem}
  .quiz-event-card{grid-template-columns:40px 1fr auto;padding:12px}
  .quiz-event-rank{width:32px;height:32px;font-size:.95rem}
  .quiz-fill-sentence{font-size:1rem;line-height:2}
  .quiz-fill-input{min-width:70px;max-width:160px}
}

/* ============================================================
   ICA — Reading passage panel (collapsible, available on every question)
   ============================================================ */
.quiz-passage{margin:0 0 18px;border-radius:18px;border:1.5px solid rgba(197,165,90,.32);background:linear-gradient(135deg,rgba(255,250,239,.95),rgba(252,247,237,.85));overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}
.quiz-passage[open]{border-color:rgba(197,165,90,.55);box-shadow:0 8px 22px rgba(146,109,32,.08)}
.quiz-passage-summary{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;font-weight:700;color:#173056;list-style:none;user-select:none;font-size:1rem}
.quiz-passage-summary::-webkit-details-marker{display:none}
.quiz-passage-summary:hover{background:rgba(197,165,90,.06)}
.quiz-passage-icon{font-size:1.25rem}
.quiz-passage-label{flex:1}
.quiz-passage-toggle{transition:transform .2s ease;color:#C5A55A;font-size:1.2rem}
.quiz-passage[open] .quiz-passage-toggle{transform:rotate(180deg)}
.quiz-passage-body{padding:6px 22px 22px;color:#1f2937;line-height:1.75;font-size:1rem;white-space:pre-wrap;border-top:1px dashed rgba(197,165,90,.3);max-height:420px;overflow-y:auto}
.quiz-passage-body p{margin:0 0 0.9em}
.quiz-passage-body p:last-child{margin-bottom:0}

@media (max-width:680px){
  .quiz-passage-summary{padding:12px 14px;font-size:.95rem}
  .quiz-passage-body{padding:6px 16px 18px;font-size:.95rem;max-height:340px}
}

/* ============================================================
   ICA — Calcul rapide : minuteur indépendant par question
   ============================================================ */
.rapid-timer-chip{background:linear-gradient(135deg,rgba(197,165,90,.18),rgba(10,22,40,.08));border-color:rgba(197,165,90,.45)}
.rapid-timer-chip strong{font-variant-numeric:tabular-nums}
.rapid-timer-chip.is-alert{background:linear-gradient(135deg,rgba(239,68,68,.16),rgba(197,165,90,.15));border-color:rgba(239,68,68,.45);animation:rapidPulse .65s ease-in-out infinite alternate}
.rapid-timebar{width:100%;height:12px;margin-top:12px;border-radius:999px;overflow:hidden;background:rgba(15,23,42,.09);border:1px solid rgba(197,165,90,.18)}
.rapid-timebar-fill{height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,#C5A55A,#E0C98D,#173056);transition:width .25s linear;box-shadow:0 0 14px rgba(197,165,90,.35)}

.rapid-countdown-panel{display:flex;align-items:center;gap:18px;margin:16px 0 18px;padding:16px 18px;border-radius:24px;background:linear-gradient(135deg,rgba(23,48,86,.96),rgba(10,22,40,.94));color:#fff;border:1px solid rgba(224,201,141,.38);box-shadow:0 18px 40px rgba(10,22,40,.18)}
.rapid-countdown-circle{width:98px;height:98px;flex:0 0 98px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(#E0C98D calc(var(--rapid-pct,100) * 1%),rgba(255,255,255,.16) 0);position:relative;box-shadow:0 0 0 8px rgba(224,201,141,.08),0 14px 28px rgba(0,0,0,.22)}
.rapid-countdown-circle::after{content:"";position:absolute;inset:10px;border-radius:50%;background:linear-gradient(135deg,#ffffff,#fff8e8);box-shadow:inset 0 0 0 1px rgba(197,165,90,.35)}
.rapid-countdown-circle strong,.rapid-countdown-circle span{position:relative;z-index:1;color:#173056;font-variant-numeric:tabular-nums;line-height:1}
.rapid-countdown-circle strong{font-size:2.45rem;font-weight:900;letter-spacing:-.04em}
.rapid-countdown-circle span{font-size:.82rem;font-weight:800;text-transform:uppercase;color:#C5A55A}
.rapid-countdown-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.rapid-countdown-copy span{font-size:1.05rem;font-weight:900;letter-spacing:.01em;color:#E0C98D}
.rapid-countdown-copy small{font-size:.95rem;line-height:1.45;color:rgba(255,255,255,.82)}
.rapid-countdown-panel.is-alert{background:linear-gradient(135deg,rgba(127,29,29,.96),rgba(23,48,86,.96));animation:rapidPanelPulse .55s ease-in-out infinite alternate}
.rapid-countdown-panel.is-alert .rapid-countdown-circle{background:conic-gradient(#EF4444 calc(var(--rapid-pct,100) * 1%),rgba(255,255,255,.14) 0)}
@keyframes rapidPanelPulse{from{transform:translateY(0);box-shadow:0 18px 40px rgba(10,22,40,.18)}to{transform:translateY(-1px);box-shadow:0 22px 48px rgba(239,68,68,.22)}}
@media (max-width:680px){.rapid-countdown-panel{gap:12px;padding:14px;border-radius:20px;margin:14px 0}.rapid-countdown-circle{width:78px;height:78px;flex-basis:78px}.rapid-countdown-circle::after{inset:8px}.rapid-countdown-circle strong{font-size:2rem}.rapid-countdown-copy span{font-size:.98rem}.rapid-countdown-copy small{font-size:.84rem}}

.quiz-answer-card.is-locked,.quiz-tf-btn.is-locked{pointer-events:none}
@keyframes rapidPulse{from{transform:scale(1);box-shadow:0 0 0 rgba(239,68,68,0)}to{transform:scale(1.03);box-shadow:0 0 18px rgba(239,68,68,.22)}}
@media (max-width:680px){.rapid-timebar{height:10px;margin-top:10px}.rapid-timer-chip{font-size:.9rem}}