:root{--navy:#07345a;--blue:#0d6faf;--orange:#f56a16;--green:#1c9b63;--bg:#f3f7fa;--ink:#102b3e;--muted:#667b89;--line:#d7e3e9;--danger:#c84646}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:linear-gradient(145deg,#f9fbfc,#edf4f7);color:var(--ink);min-height:100vh}.appbar{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px clamp(12px,3.5vw,48px);background:rgba(6,45,78,.97);box-shadow:0 8px 30px #07345a25}.brand{border:0;background:none;color:#fff;display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:900}.brand img{width:128px;height:46px;object-fit:contain;background:#fff;border-radius:9px;padding:2px}.brand span{font-weight:900}.appbar nav{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.appbar nav button,.appbar nav a{border:0;background:transparent;color:#e9f5fb;padding:9px 10px;border-radius:10px;font-weight:800;cursor:pointer;text-decoration:none;font:inherit}.appbar nav button:hover,.appbar nav a:hover,.appbar nav .back{background:#ffffff16}.appbar nav .back{border:1px solid #ffffff22}.access-bar{display:flex;align-items:center;gap:8px;margin-left:auto;padding:6px 8px;border-radius:12px;font-size:12px;font-weight:900;white-space:nowrap}.access-bar.free{background:#fff3e8;color:#b55313}.access-bar.premium{background:#e8f8ef;color:#17734c}.access-bar button{border:0;background:var(--orange);color:#fff;padding:7px 10px;border-radius:9px;font-weight:900;cursor:pointer}main{max-width:1240px;margin:auto;padding:26px clamp(13px,4vw,42px) 60px}.hero{min-height:335px;border-radius:30px;background:linear-gradient(135deg,#07345a 0%,#0a6795 62%,#f36b1c 160%);color:#fff;padding:clamp(28px,5vw,58px);display:grid;grid-template-columns:1.35fr .65fr;gap:30px;align-items:center;box-shadow:0 24px 60px #123b5320}.hero h1{font-size:clamp(36px,5vw,64px);line-height:1.02;margin:.25em 0}.hero p{font-size:18px;line-height:1.6;color:#ddecf4;max-width:740px}.hero-logo{background:#fff;border-radius:24px;padding:16px;box-shadow:0 20px 40px #0003;animation:float 3.5s ease-in-out infinite}.hero-logo img{width:100%;display:block}.bus-art{font-size:clamp(90px,15vw,180px);filter:drop-shadow(0 16px 20px #0004);text-align:center}@keyframes float{50%{transform:translateY(-9px)}}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.09em;color:#198bb6}.hero .eyebrow{color:#9ce4f4}.hero-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-stats span{padding:9px 13px;border:1px solid #ffffff35;background:#ffffff12;border-radius:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.cards-three{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.category-card,.test-card{border:1px solid var(--line);background:#fff;border-radius:21px;padding:22px;text-align:left;cursor:pointer;box-shadow:0 10px 28px #153b5110;transition:.2s}.card:hover,.category-card:hover,.test-card:hover{transform:translateY(-3px);box-shadow:0 17px 35px #153b5120}.card>span{font-size:34px}.card h2{font-size:21px;margin:10px 0 7px}.card p,.category-card p{color:var(--muted);line-height:1.5}.card strong,.category-card b{color:var(--blue)}.cards .card:nth-child(1){border-top:4px solid var(--blue)}.cards .card:nth-child(2){border-top:4px solid var(--orange);background:linear-gradient(180deg,#fff,#fff8f3)}.cards .card:nth-child(3){border-top:4px solid var(--green)}.exam-card{border-color:#f1c6aa!important;background:linear-gradient(180deg,#fff,#fff8f3)!important}.rule,.official-rule,.best{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px 20px;margin:18px 0;display:flex;gap:14px;justify-content:space-between;align-items:center}.rule{border-left:5px solid var(--orange)}.best{border-color:#cdebdc;background:#f1fbf6}.page-head{margin:18px 0 24px}.page-head h1{font-size:clamp(32px,4.5vw,54px);margin:.18em 0}.page-head p{font-size:17px;color:var(--muted);line-height:1.55}.category-grid,.test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.category-card{min-height:175px;border-top:4px solid #1a86b2}.category-card:nth-child(3n+2){border-top-color:var(--orange)}.category-card:nth-child(3n){border-top-color:var(--green)}.category-card span{font-size:32px}.category-card h3{font-size:19px;margin:10px 0}.test-card{text-align:center;position:relative;border-top:4px solid var(--orange);background:linear-gradient(180deg,#fff,#fff9f4)}.test-card strong{display:block;font-size:36px;color:#0d7198}.test-card small{color:#789}.best-score{font-size:13px;color:#426879;min-height:18px}.best-score.empty{color:#93a3ad}.quiz-top{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end}.quiz-top h1{margin:.2em 0}.progress{grid-column:1/-1;height:10px;background:#dce8ed;border-radius:99px;overflow:hidden}.progress i{height:100%;display:block;background:linear-gradient(90deg,var(--green),#25a7c5)}.timer{font-weight:900;background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:12px;color:#0d7198}.timer.warn{color:#b34b2f;border-color:#e9b7a4}.question-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(18px,4vw,36px);box-shadow:0 18px 42px #173c4f10}.question-card h2{font-size:clamp(24px,3.3vw,36px);line-height:1.3;white-space:pre-line}.media-grid{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:12px 0 24px}.media-grid img{max-width:min(340px,100%);max-height:280px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:14px}.choices{display:grid;gap:12px;margin-top:20px}.choice{display:grid;grid-template-columns:42px 1fr;align-items:center;text-align:left;border:2px solid #d9e7ed;background:#fff;border-radius:17px;padding:14px;cursor:pointer;font-size:17px;color:var(--ink);transition:.16s}.choice:hover:not(:disabled){border-color:#5eb2cc;transform:translateX(3px)}.choice .letter{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf4f8;font-weight:900;color:#0b648c}.choice .choice-text{white-space:pre-line}.choice.selected{border-color:#2d88b3;background:#eef8fc}.choice.correct{border-color:#2a9d65;background:#effbf5}.choice.wrong{border-color:#d75454;background:#fff2f2}.choice.muted{opacity:.65}.feedback{margin:16px 0;padding:14px;border-radius:13px;display:flex;gap:15px;flex-wrap:wrap}.feedback.ok{background:#ecfaf3;color:#166b47}.feedback.bad{background:#fff1f1;color:#9e3030}.primary,.next,.result-actions button{border:0;background:#0d7198;color:#fff;padding:13px 20px;border-radius:12px;font-weight:900;cursor:pointer}.next{margin-top:16px}.quiz-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:18px}.quiz-actions .secondary{border:1px solid #cbdce4;background:#fff;color:#315466;padding:12px 18px;border-radius:12px;font-weight:800;cursor:pointer}.quiz-actions .secondary:disabled{opacity:.45;cursor:not-allowed}.result{max-width:820px;margin:40px auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:45px;text-align:center}.result-icon{font-size:64px}.score{font-size:72px;font-weight:950;color:var(--green)}.result.fail .score{color:#a64b4b}.score small{font-size:25px;color:#778994}.best-result{display:flex;justify-content:center;gap:12px;margin:8px 0 20px;color:#466676}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.result-actions button:not(.primary){background:#edf3f6;color:#254557}.premium-strip,.free-offer{margin:18px 0;background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #efb385;border-radius:18px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.premium-strip a,.free-offer button{display:inline-block;text-decoration:none;background:var(--orange);color:#fff;font-weight:900;padding:13px 18px;border:0;border-radius:11px;cursor:pointer;white-space:nowrap}.premium-strip span,.free-offer span{color:var(--muted);line-height:1.45}.premium-price{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:14px 0}.premium-price strong{font-size:42px;color:var(--orange)}footer{text-align:center;color:#7b8d98;padding:18px 20px 40px}.future-lang{margin-left:10px}.license-gate-hidden{display:none!important}#license-gate{position:fixed;inset:0;z-index:9999;background:linear-gradient(135deg,#062a48,#0b6688 70%,#d95b15 160%);display:grid;place-items:center;padding:20px}.license-panel{width:min(500px,100%);background:#fff;border-radius:26px;padding:34px;text-align:center;box-shadow:0 30px 70px #0005}.license-logo{font-size:58px}.license-eyebrow{font-weight:900;color:#1685a7}.license-panel input{width:100%;padding:15px;border:1px solid #c8d9e2;border-radius:12px;font-size:17px;margin:8px 0 12px;text-transform:uppercase}.license-panel form button{width:100%;padding:14px;border:0;border-radius:12px;background:#0d7198;color:#fff;font-weight:900}.license-status{margin-top:12px}.license-error{color:#b22}.license-help{margin-top:14px;color:#70818b;font-size:13px}.license-pay{display:block;text-decoration:none;background:var(--orange);color:#fff;padding:14px;border-radius:12px;font-weight:900;margin:10px 0}.school-offer{font-size:14px;color:#58717f;line-height:1.5;margin:12px 0}.school-offer a{color:#0b6e91}.license-divider{display:flex;align-items:center;gap:10px;margin:20px 0 12px;color:#82939d;font-size:11px}.license-divider:before,.license-divider:after{content:"";height:1px;background:#dbe5ea;flex:1}@media(max-width:920px){.appbar{flex-wrap:wrap}.access-bar{order:3;width:100%;justify-content:space-between;margin-left:0}.free-offer,.premium-strip{align-items:flex-start;flex-direction:column}.free-offer button,.premium-strip a{width:100%;text-align:center}}@media(max-width:800px){.brand span{display:none}.appbar nav button,.appbar nav a{font-size:13px;padding:8px}.hero{grid-template-columns:1fr}.hero-logo,.bus-art{display:none}.cards,.cards-three{grid-template-columns:1fr}.rule{flex-direction:column;align-items:flex-start}.quiz-top{grid-template-columns:1fr}.timer{text-align:left}.question-card{border-radius:18px}.choice{grid-template-columns:36px 1fr}.future-lang{display:block;margin:5px 0 0}}@media(max-width:480px){main{padding:16px 12px 40px}.appbar{padding:7px 9px}.brand img{width:92px;height:38px}.appbar nav button,.appbar nav a{padding:7px 6px}.hero{padding:24px;border-radius:20px}.hero h1{font-size:34px}.question-card{padding:18px}.result{padding:28px 18px}.score{font-size:64px}}

/* v1.1.1 Demo flow */
.locked-label{display:inline-block;margin:2px 0 4px;font-size:11px;letter-spacing:.06em;font-weight:900;color:#b55416}.card[data-action="exam"],.card[data-action="category-tests"]{position:relative}.feedback b{white-space:nowrap}