:root{--ink:#17333a;--muted:#657b7f;--teal:#087d82;--dark:#075d62;--lime:#dff06a;--ice:#eaf7f6;--cream:#fffaf0;--paper:#fff;--line:#d9e6e5;--coral:#ff806f;--shadow:0 18px 45px rgba(21,69,73,.12);font-family:Inter,Aptos,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f8fbfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}button,a{font:inherit}.topbar{height:80px;padding:0 max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--ink);cursor:pointer;text-align:left}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--teal);color:white;font-weight:900;font-size:1.45rem;box-shadow:inset -9px -9px 0 rgba(223,240,106,.24)}.brand strong,.brand small{display:block}.brand strong{font-size:1.08rem}.brand small{font-size:.74rem;color:var(--muted);margin-top:2px}.topbar nav{display:flex;gap:7px}.nav-link{border:0;background:transparent;padding:10px 14px;border-radius:10px;color:var(--muted);cursor:pointer}.nav-link:hover,.nav-link.active{background:var(--ice);color:var(--dark)}main{width:min(1180px,calc(100% - 40px));margin:auto}.view{display:none;padding:46px 0 76px}.active-view{display:block}.loading{text-align:center;padding:150px 0}.spinner{width:42px;height:42px;margin:auto;border:4px solid var(--line);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{display:inline-block;color:var(--teal);font-weight:850;text-transform:uppercase;letter-spacing:.09em;font-size:.77rem}.hero{background:linear-gradient(135deg,#083f45 0%,#075f64 100%);color:#fff;border-radius:32px;min-height:450px;padding:56px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(223,240,106,.11);right:-80px;bottom:-170px}.hero .eyebrow{color:var(--lime)}.hero h1,.article-hero h1,.quiz-head h1,.result-card h1,.about-view h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em;line-height:.98}.hero h1{font-size:clamp(3.2rem,7vw,6rem);margin:15px 0 22px}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{font-size:1.12rem;line-height:1.65;color:#d9e9e8;max-width:700px}.hero-stats{display:flex;gap:30px;margin-top:34px}.hero-stats span{display:flex;align-items:baseline;gap:7px;color:#d9e9e8}.hero-stats strong{font-size:1.8rem;color:#fff}.hero-art{height:300px;position:relative;z-index:1}.hero-art span{position:absolute;display:grid;place-items:center;background:#fff;border-radius:25px;box-shadow:var(--shadow);font-size:3.2rem}.hero-art span:nth-child(1){width:130px;height:130px;left:0;top:72px;transform:rotate(-8deg)}.hero-art span:nth-child(2){width:105px;height:105px;right:4px;top:8px;transform:rotate(8deg)}.hero-art span:nth-child(3){width:115px;height:115px;right:5px;bottom:8px;transform:rotate(-4deg)}.hero-art span:nth-child(4){width:82px;height:82px;left:100px;bottom:0;background:var(--lime);font-size:2.4rem}.section-head{display:flex;justify-content:space-between;align-items:end;margin:52px 0 22px}.section-head h2{font-family:Georgia,"Times New Roman",serif;font-size:2.25rem;margin:8px 0 0}.section-head p{color:var(--muted)}.module-list{display:grid;gap:20px}.module-group{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 7px 22px rgba(21,69,73,.05)}.module-heading{display:flex;gap:14px;align-items:center;margin-bottom:18px}.module-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:var(--ice);font-size:1.7rem}.module-heading h3{font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;margin:0}.module-heading p{color:var(--muted);margin:4px 0 0}.article-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.article-card{display:grid;grid-template-columns:112px 1fr;min-height:145px;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fbfdfc;text-align:left;padding:0;cursor:pointer;color:var(--ink);transition:.18s}.article-card:hover{transform:translateY(-3px);border-color:#9cc8c7;box-shadow:0 10px 24px rgba(21,69,73,.1)}.card-thumb{background:var(--ice);display:grid;place-items:center;overflow:hidden;font-size:2rem}.card-thumb img{width:100%;height:100%;object-fit:cover}.card-copy{padding:18px}.card-copy small{font-weight:800;color:var(--teal)}.card-copy h4{font-family:Georgia,"Times New Roman",serif;font-size:1.25rem;line-height:1.25;margin:7px 0 12px}.card-meta{color:var(--muted);font-size:.82rem}.back{border:0;background:transparent;color:var(--teal);font-weight:800;padding:8px 0;margin-bottom:18px;cursor:pointer}.article-hero{background:var(--ink);color:#fff;border-radius:28px;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;min-height:390px}.article-hero>div:first-child{padding:48px}.article-hero .eyebrow{color:var(--lime)}.article-hero h1{font-size:clamp(2.5rem,5vw,4.6rem);margin:15px 0 24px}.meta{display:flex;gap:12px;flex-wrap:wrap}.meta span{background:rgba(255,255,255,.1);padding:8px 12px;border-radius:999px;color:#d9e9e8;font-size:.84rem}.article-cover{min-height:300px;background:linear-gradient(145deg,#0c6e73,#daf06a);display:grid;place-items:center;overflow:hidden}.article-cover img{width:100%;height:100%;object-fit:cover}.article-cover span{font-size:6rem}.reader-layout{display:grid;grid-template-columns:240px 1fr;gap:52px;margin-top:42px}.reader-tools{align-self:start;position:sticky;top:112px}.reader-tools>div{padding:18px;border-radius:15px;background:var(--ice);margin-bottom:13px}.reader-tools strong,.reader-tools span{display:block}.reader-tools span{color:var(--muted);font-size:.86rem;line-height:1.5;margin-top:7px}.reader-tools button{width:100%}.article-body{max-width:770px}.article-body h2,.article-body h3{font-family:Georgia,"Times New Roman",serif}.article-body h2{font-size:2rem;margin:42px 0 13px}.article-body h3{font-size:1.45rem}.article-body p{font-family:Georgia,"Times New Roman",serif;font-size:1.13rem;line-height:1.8;margin:0 0 19px}.article-body figure{margin:30px 0}.article-body figure img{width:100%;max-height:540px;object-fit:contain;background:white;border-radius:17px;border:1px solid var(--line)}.article-body figcaption{font-size:.82rem;line-height:1.5;color:var(--muted);margin-top:8px}.glossary{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:18px 0 38px}.term{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.term strong{color:var(--teal);display:block;margin-bottom:5px}.term span{color:var(--muted);line-height:1.45}.source-note{border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:.82rem;line-height:1.6}.source-note a{color:var(--teal)}.primary,.secondary{border:0;border-radius:12px;padding:13px 18px;font-weight:800;cursor:pointer}.primary{background:var(--teal);color:#fff}.primary:hover{background:var(--dark)}.secondary{background:#eaf1f1;color:var(--ink)}.quiz-view{max-width:850px;margin:auto}.quiz-head{display:flex;justify-content:space-between;align-items:end;gap:28px}.quiz-head h1{font-size:2.7rem;margin:12px 0 0}.quiz-progress{min-width:170px;color:var(--muted)}.progress{height:8px;background:#dce7e7;border-radius:999px;overflow:hidden;margin-top:9px}.progress span{display:block;height:100%;width:10%;background:var(--teal);border-radius:inherit;transition:.2s}#quizForm{margin-top:30px}.question-card{display:none;background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.question-card.current{display:block}.question-card h2{font-family:Georgia,"Times New Roman",serif;font-size:1.7rem;line-height:1.35;margin:0 0 25px}.options{display:grid;gap:10px}.option{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:13px;padding:15px;cursor:pointer}.option:hover,.option:has(input:checked){border-color:var(--teal);background:var(--ice)}.option input{margin-top:3px;accent-color:var(--teal)}.quiz-actions{display:flex;justify-content:space-between;margin-top:18px}.result-view{max-width:780px;margin:auto}.result-card{text-align:center;background:#fff;border:1px solid var(--line);padding:44px;border-radius:28px;box-shadow:var(--shadow)}.result-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--lime);font-size:2rem;margin:0 auto 18px}.result-card h1{font-size:2.6rem;margin:11px 0}.score strong{font-size:5rem;color:var(--teal)}.score span{font-size:1.5rem;color:var(--muted)}.answer-review{text-align:left;margin:28px 0;display:grid;gap:8px}.review-row{padding:12px;border-radius:11px;background:#eff6f5}.review-row.wrong{background:#fff0ed}.result-actions{display:flex;justify-content:center;gap:10px}.about-view{max-width:850px}.about-view h1{font-size:4.5rem;margin:14px 0 22px}.about-view .lead{font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;line-height:1.7;color:var(--muted)}.about-view h2{font-family:Georgia,"Times New Roman",serif;font-size:2rem;margin-top:48px}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.about-grid div{padding:22px;background:var(--ink);color:#fff;border-radius:17px}.about-grid strong,.about-grid span{display:block}.about-grid strong{font-size:2.4rem;color:var(--lime)}.about-grid span{color:#d7e7e6;margin-top:4px}.contributors{display:grid;gap:12px}.contributors article{display:flex;gap:16px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.contributors article>span{flex:0 0 48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--ice);color:var(--teal);font-weight:900}.contributors h3{margin:1px 0 6px}.contributors p{color:var(--muted);line-height:1.55;margin:0}footer{width:min(1180px,calc(100% - 40px));margin:auto;border-top:1px solid var(--line);padding:25px 0 42px;display:flex;justify-content:space-between;color:var(--muted);font-size:.83rem}
@media(max-width:860px){.hero{grid-template-columns:1fr;padding:38px}.hero-art{display:none}.article-cards{grid-template-columns:1fr}.article-hero{grid-template-columns:1fr}.article-cover{height:280px}.reader-layout{grid-template-columns:1fr}.reader-tools{position:static}.quiz-head{align-items:flex-start;flex-direction:column}.quiz-progress{width:100%}}
@media(max-width:570px){main{width:calc(100% - 28px)}.topbar{height:auto;padding:13px 14px}.brand small{display:none}.nav-link{padding:9px}.view{padding:28px 0 55px}.hero{padding:28px 23px;border-radius:22px;min-height:390px}.hero h1{font-size:3rem}.hero-stats{gap:13px;flex-wrap:wrap}.section-head{align-items:flex-start;flex-direction:column;margin-top:37px}.module-group{padding:15px}.article-card{grid-template-columns:82px 1fr}.card-copy{padding:14px}.article-hero{border-radius:20px}.article-hero>div:first-child{padding:28px 23px}.article-hero h1,.about-view h1{font-size:2.55rem}.article-body p{font-size:1.05rem}.glossary,.about-grid{grid-template-columns:1fr}.question-card{padding:23px}.question-card h2{font-size:1.4rem}.result-card{padding:28px 18px}.result-actions{flex-direction:column}footer{width:calc(100% - 28px);flex-direction:column;gap:7px}}

.demo-badge{padding:7px 10px;border:1px solid rgba(223,240,106,.45);border-radius:999px;background:rgba(223,240,106,.08)}
.article-card.locked{background:#f8faf9}.article-card.locked .card-thumb{filter:saturate(.72)}.article-card.locked:hover{transform:none;border-color:#b9cecc;box-shadow:0 7px 18px rgba(21,69,73,.07)}.article-card.open-demo{border-color:#83b6b4;box-shadow:0 8px 22px rgba(21,69,73,.09)}
.lock-label{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:7px 10px;border-radius:999px;background:#edf2f1;color:#526c6f;font-size:.78rem;font-weight:800}
.locked-view{max-width:920px;margin:auto}.locked-card{display:grid;grid-template-columns:minmax(260px,.85fr) 1.15fr;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.locked-card>div:last-child{padding:42px}.locked-card h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;margin:12px 0 18px}.locked-card p{color:var(--muted);font-size:1.04rem;line-height:1.7;margin:22px 0}.locked-cover{min-height:390px;background:var(--ice);display:grid;place-items:center;overflow:hidden}.locked-cover img{width:100%;height:100%;object-fit:cover}.locked-cover span{font-size:5rem}
@media(max-width:700px){.locked-card{grid-template-columns:1fr}.locked-cover{min-height:240px;max-height:300px}.locked-card>div:last-child{padding:28px 22px}}
.hero h1{font-size:clamp(2.65rem,5.6vw,4.8rem)}
@media(max-width:570px){.hero h1{font-size:2.25rem}}
.package-card{margin-top:28px;padding:34px;background:linear-gradient(135deg,#fff 0%,#eef9f7 100%);border:1px solid #bcdedb;border-radius:26px;display:grid;grid-template-columns:1.25fr .75fr;gap:34px;align-items:center;box-shadow:var(--shadow)}.package-card h2{font-family:Georgia,"Times New Roman",serif;font-size:2.25rem;line-height:1.1;margin:10px 0 13px}.package-card p{color:var(--muted);line-height:1.65}.price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:23px}.price del{color:var(--muted);font-size:1.05rem}.price strong{font-size:2rem;color:var(--teal)}.price span{width:100%;font-weight:800;color:#8b4a16}.contact-card{background:var(--ink);color:#fff;border-radius:20px;padding:25px}.contact-card>strong{font-size:1.2rem}.contact-card p{color:#d7e7e6}.contact-button{display:block;text-align:center;text-decoration:none;margin-top:10px;overflow-wrap:anywhere}.contact-card .secondary{background:#fff}.locked-actions{display:flex;gap:10px;flex-wrap:wrap}.correct-answer,.answer-evidence{display:block;margin-top:7px}.answer-evidence{color:#526a6d;line-height:1.5}.answer-evidence b{color:var(--ink)}footer{gap:16px;flex-wrap:wrap}footer a{color:var(--teal);text-decoration:none}
@media(max-width:860px){.package-card{grid-template-columns:1fr}}