:root{--maroon:#7a1026;--maroon-dark:#4d0715;--maroon-soft:#f8edf0;--gold:#d6a83b;--ink:#25171b;--blue:#7a1026;--navy:#4d0715}
body{overflow-x:hidden;background:#faf7f8;color:var(--ink)}
.topbar{min-height:96px;height:auto;display:grid;grid-template-columns:1fr auto 1fr;padding:10px max(20px,calc((100% - 1280px)/2));border-bottom:3px solid var(--gold);box-shadow:0 5px 24px #4d071512}
.topbar .brand{grid-column:2;justify-self:center;text-align:center;display:flex;flex-direction:column;gap:3px;color:var(--maroon)}
.topbar .brand>span{display:none}.topbar .brand img{width:58px;height:58px;object-fit:contain}.topbar .brand b{font-size:17px;letter-spacing:1.1px}.topbar .brand small{font-size:9px;letter-spacing:.35px;color:#6f555d}
.topbar nav{grid-column:3;justify-self:end}.topbar nav a:hover,.topbar .nav-cta{background:var(--maroon-soft);color:var(--maroon)}
.btn.primary,.duration-row a.active,.tabs a.active{background:linear-gradient(135deg,var(--maroon),#a91d3d);box-shadow:0 10px 25px #7a102633}.eyebrow{color:var(--maroon)}
.passage{white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal;max-width:100%;overflow:hidden;line-height:1.85}
.passage span{white-space:pre-wrap}.test-shell{max-width:1080px;margin:auto;border-top:5px solid var(--maroon)}.timer b{color:var(--maroon)}
.exam-mode .live-stats{display:none}.exam-mode .passage{user-select:none;-webkit-user-select:none}.exam-note{margin-top:14px;padding:12px 15px;border-radius:10px;background:#fff6d9;color:#765500;font-weight:700}
.level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.level-card{background:#fff;border:1px solid #eadce0;border-radius:18px;padding:22px;position:relative;box-shadow:0 9px 28px #4d07150a}.level-card.locked{opacity:.68;background:#f1edef}.level-card.passed{border-color:#6bc99c}.level-number{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--maroon);color:#fff;font-weight:900}.level-card.passed .level-number{background:#16875b}.level-card h2{margin:12px 0 5px}.level-card p{color:#745e65}.level-meta{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.level-meta span{background:#f8edf0;color:#6f1930;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.level-status{position:absolute;right:18px;top:18px;font-weight:800;color:var(--maroon)}
.lesson-progress{height:10px;background:#eee4e7;border-radius:99px;overflow:hidden}.lesson-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--maroon),var(--gold));border-radius:99px}
.certificate{max-width:1060px;margin:auto;background:#fffdf7;border:12px double var(--maroon);padding:42px;text-align:center;position:relative}.certificate:before,.certificate:after{content:"";position:absolute;width:90px;height:90px;border-color:var(--gold);border-style:solid}.certificate:before{left:12px;top:12px;border-width:4px 0 0 4px}.certificate:after{right:12px;bottom:12px;border-width:0 4px 4px 0}.certificate-logo{width:105px;height:105px;object-fit:contain}.certificate h1{font-family:Georgia,serif;color:var(--maroon);font-size:48px;margin:5px}.certificate h2{font-size:33px;border-bottom:2px solid var(--gold);display:inline-block;padding:0 30px 7px}.certificate-stats{display:flex;justify-content:center;gap:45px;margin:28px}.certificate-stats b,.certificate-stats span{display:block}.certificate-stats b{font-size:28px;color:var(--maroon)}.certificate-bottom{display:flex;align-items:end;justify-content:space-between;text-align:left}.certificate-qr{width:130px;height:130px}.verified-badge{display:inline-block;padding:7px 13px;border-radius:99px;background:#e8fff4;color:#087448;font-weight:800}
.mobile-app-nav{display:none}
@media(max-width:900px){.topbar{display:flex;justify-content:center;min-height:86px}.topbar nav{display:none}.topbar .brand{margin:auto}.container{padding-top:20px;padding-bottom:100px}.level-grid{grid-template-columns:1fr}.mobile-app-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;background:#fff;border-top:2px solid var(--maroon);z-index:100;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.mobile-app-nav a{text-align:center;text-decoration:none;color:#655157;font-size:10px;font-weight:700}.mobile-app-nav span{display:block;color:var(--maroon);font-size:20px;line-height:23px}footer{margin-bottom:62px}.certificate{padding:25px 16px;border-width:7px}.certificate h1{font-size:34px}.certificate h2{font-size:25px}.certificate-bottom{flex-direction:column;align-items:center;gap:18px}.certificate-stats{gap:18px}}
@media print{.certificate{border:10px double var(--maroon);box-shadow:none}.mobile-app-nav{display:none!important}}