:root{--bg:#F5F0E5;--bg-deep:#E8E0CF;--green:#174B42;--green-dark:#0D352F;--dark-green:#06352D;--deep-green:#03231D;--green-3d:#0A463A;--gold:#B68A3D;--gold-light:#D8BC78;--text:#17332F;--muted:#71807B;--white:#FFFDF5}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 10% 10%,rgba(181,138,58,.08),transparent 30%),radial-gradient(circle at 90% 80%,rgba(23,75,66,.07),transparent 30%),var(--bg);color:var(--text);overflow-x:hidden}.navbar{position:sticky;top:15px;z-index:9999;width:calc(100% - 40px);max-width:1400px;min-height:76px;margin:15px auto;padding:12px 18px 12px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(145deg,#174b42,#0d352f);border:1px solid rgba(181,138,58,.55);border-radius:22px;box-shadow:0 18px 45px rgba(8,35,30,.28),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#0a463a,#03231d);border:1px solid var(--gold);color:var(--gold-light);font-size:22px;box-shadow:0 8px 20px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.1)}.brand h2{color:var(--white);font-size:16px}.brand span{display:block;margin-top:2px;color:#afc1bb;font-size:12px;letter-spacing:1px}.navbar nav{display:flex;align-items:center;gap:24px}.navbar nav>a,.more-btn{color:#c9d8d3;text-decoration:none;font-size:13px;font-weight:700;transition:.25s ease}@media (hover:hover){.navbar nav>a:hover,.more-btn:hover{color:var(--gold-light)}}.more-dropdown{position:relative}.more-btn{border:0;background:0 0;cursor:pointer;padding:8px 0}.more-menu{position:absolute;top:calc(100% + 12px);right:0;width:230px;padding:8px;background:linear-gradient(145deg,#174b42,#0d352f);border:1px solid rgba(181,138,58,.55);border-radius:18px;box-shadow:0 25px 60px rgba(8,35,30,.35);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:.25s ease}.more-menu.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.more-menu a{display:block;padding:11px 13px;color:var(--white);text-decoration:none;font-size:12px;border-radius:10px}@media (hover:hover){.more-menu a:hover{background:rgba(216,188,120,.12);color:var(--gold-light)}}.nav-actions{display:flex;align-items:center;gap:10px}.language-btn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(216,188,120,.4);background:rgba(255,255,255,.05);color:#fff;cursor:pointer}.nav-start{padding:12px 16px;border-radius:12px;color:var(--green-dark);background:linear-gradient(145deg,var(--gold-light),var(--gold));text-decoration:none;font-size:12px;font-weight:900}.lesson-hero{position:relative;min-height:430px;display:grid;place-items:center;text-align:center;padding:90px 20px 70px;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:850px}.lesson-number{display:inline-block;padding:9px 17px;border-radius:30px;color:var(--gold);background:rgba(181,138,58,.07);border:1px solid rgba(181,138,58,.35);font-size:12px;letter-spacing:2px;font-weight:900;margin-bottom:22px}.lesson-hero h1{color:var(--green-dark);font-size:clamp(45px,7vw,78px);line-height:1;letter-spacing:-3px}.lesson-hero p{max-width:650px;margin:22px auto 0;color:var(--muted);font-size:16px;line-height:1.8}.hero-glow{position:absolute;border-radius:50%;pointer-events:none}.glow-one{width:450px;height:450px;left:-180px;top:10px;background:radial-gradient(circle,rgba(181,138,58,.13),transparent 68%);animation:floating 8s ease-in-out infinite}.glow-two{width:500px;height:500px;right:-220px;bottom:-180px;background:radial-gradient(circle,rgba(23,75,66,.13),transparent 68%);animation:floating 10s ease-in-out infinite reverse}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}.progress-wrapper{padding:0 20px 60px}.progress-card{max-width:1000px;margin:auto;padding:22px 26px;border-radius:20px;background:linear-gradient(145deg,#174b42,#0d352f);border:1px solid rgba(181,138,58,.5);box-shadow:0 18px 45px rgba(8,35,30,.2)}.progress-label{color:var(--gold-light);font-size:12px;letter-spacing:2px;font-weight:900}.progress-card h3{color:#fff;margin-top:5px;font-size:13px}.progress-track{height:7px;margin-top:15px;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.1)}.progress-fill{width:8.33%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--gold-light));transition:width .6s ease}.lesson-container{width:min(1000px,calc(100% - 40px));margin:auto;padding-bottom:100px}.content-card{position:relative;margin-bottom:25px;padding:34px;border-radius:25px;background:rgba(255,253,245,.72);border:1px solid rgba(23,75,66,.13);box-shadow:0 18px 45px rgba(23,75,66,.08);backdrop-filter:blur(12px);transition:.3s ease}@media (hover:hover){.content-card:hover{transform:translateY(-3px);box-shadow:0 25px 55px rgba(23,75,66,.12)}}.intro-card{display:flex;gap:22px;background:linear-gradient(145deg,#0a463a,#03231d);color:#fff;border:1px solid rgba(181,138,58,.5);box-shadow:0 25px 60px rgba(3,35,29,.25)}.card-icon{width:58px;height:58px;flex-shrink:0;display:grid;place-items:center;border-radius:17px;color:var(--gold-light);background:rgba(216,188,120,.08);border:1px solid rgba(216,188,120,.3);font-size:23px}.section-label{color:var(--gold);font-size:12px;letter-spacing:2px;font-weight:900}.intro-card .section-label{color:var(--gold-light)}.content-card h2{margin-top:8px;color:var(--green-dark);font-size:25px}.intro-card h2{color:#fff}.intro-card p{margin-top:13px;color:#b8cac4;font-size:14px;line-height:1.9}.rich-content{margin-top:22px}.rich-content p{margin-bottom:17px;color:#536762;font-size:14px;line-height:1.95}.rich-content strong{color:var(--green-dark)}.rich-content ul{margin:18px 0;padding-left:22px}.rich-content li{margin:10px 0;color:#536762;font-size:14px;line-height:1.8}.rich-content .info-box{margin:22px 0;padding:20px;border-left:3px solid var(--gold);border-radius:0 15px 15px 0;background:rgba(181,138,58,.06)}.rich-content .green-box{margin:22px 0;padding:20px;border-radius:16px;background:linear-gradient(145deg,rgba(10,70,58,.08),rgba(3,35,29,.04));border:1px solid rgba(23,75,66,.1)}.deep-card{background:linear-gradient(145deg,rgba(255,253,245,.9),rgba(232,224,207,.65))}.example-card{background:linear-gradient(145deg,#174b42,#0d352f);border-color:rgba(181,138,58,.4)}.example-card h2{color:#fff}.example-card .section-label{color:var(--gold-light)}.example-card .rich-content p,.example-card .rich-content li{color:#b6c8c1}.example-card .rich-content strong{color:var(--gold-light)}.practical-card{background:linear-gradient(145deg,#f0e8d8,#fffdf5)}.practical-card h2{color:var(--green-dark)}.takeaway-card{display:flex;gap:20px;align-items:flex-start;margin:30px 0;padding:30px;border-radius:25px;color:#fff;background:linear-gradient(145deg,#0a463a,#03231d);border:1px solid rgba(181,138,58,.55);box-shadow:0 25px 60px rgba(3,35,29,.25)}.takeaway-icon{width:52px;height:52px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;color:var(--gold-light);border:2px solid var(--gold);font-size:19px}.takeaway-card span{color:var(--gold-light);font-size:12px;letter-spacing:2px;font-weight:900}.takeaway-card h2{margin-top:8px;font-size:22px}.takeaway-card p{margin-top:12px;color:#b8cac4;font-size:13px;line-height:1.8}.remember-card{margin-bottom:25px;padding:28px;text-align:center;border-radius:22px;background:rgba(181,138,58,.07);border:1px solid rgba(181,138,58,.28)}.remember-top{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:2px}.remember-card p{max-width:750px;margin:15px auto 0;color:var(--green-dark);font-size:16px;font-weight:700;line-height:1.8}.sources-card{margin-top:25px;padding:30px;border-radius:25px;background:linear-gradient(145deg,#174b42,#0d352f);border:1px solid rgba(181,138,58,.4)}.sources-card h2{color:#fff}.sources-card .section-label{color:var(--gold-light)}.source-list{margin-top:20px}.source-item{padding:13px 15px;margin-bottom:9px;border-radius:12px;color:#b9cac4;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);font-size:12px;line-height:1.6}.lesson-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;margin-top:40px}.lesson-nav-btn,.complete-btn{min-height:52px;padding:0 20px;border-radius:14px;font-size:12px;font-weight:900;cursor:pointer;transition:.3s ease}.lesson-nav-btn{color:var(--green-dark);background:rgba(255,253,245,.8);border:1px solid rgba(23,75,66,.18)}@media (hover:hover){.lesson-nav-btn:hover{transform:translateY(-3px);background:#fff}}.next-btn{justify-self:end}.complete-btn{color:var(--white);background:linear-gradient(145deg,#0a463a,#03231d);border:1px solid var(--gold);box-shadow:0 12px 30px rgba(3,35,29,.22)}@media (hover:hover){.complete-btn:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(3,35,29,.3)}}.complete-btn.completed{background:linear-gradient(145deg,#b68a3d,#8c6726);color:#fffdf5}.completion-section{display:none;margin-top:50px;padding:55px 30px;text-align:center;border-radius:30px;background:linear-gradient(145deg,#0a463a,#03231d);border:1px solid rgba(181,138,58,.55);box-shadow:0 30px 70px rgba(3,35,29,.25)}.completion-section.show{display:block;animation:completionIn .7s ease}@keyframes completionIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.completion-symbol{color:var(--gold-light);font-size:34px}.completion-section>span{display:block;margin-top:12px;color:var(--gold-light);font-size:12px;letter-spacing:2px;font-weight:900}.completion-section h2{margin-top:12px;color:#fff;font-size:29px}.completion-section p{max-width:600px;margin:15px auto 25px;color:#b7c9c2;font-size:13px;line-height:1.8}.completion-section a{display:inline-block;padding:13px 20px;border-radius:12px;color:var(--green-dark);background:linear-gradient(145deg,var(--gold-light),var(--gold));text-decoration:none;font-size:12px;font-weight:900}footer{padding:50px 20px 30px;text-align:center;background:#062d27}.footer-brand h2{color:var(--gold-light);font-size:20px}.footer-brand p{margin-top:6px;color:#8ea8a0;font-size:12px}.copyright{margin-top:30px;color:#718982;font-size:12px}@media (max-width:1000px){.navbar nav{gap:13px}}@media (max-width:850px){.navbar{flex-wrap:wrap}.navbar nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:4px}}@media (max-width:600px){.navbar{width:calc(100% - 16px);margin-top:8px;top:8px;border-radius:17px}.brand-text span{display:none}.nav-start{padding:10px 12px;font-size:12px}.lesson-hero{min-height:390px}.lesson-hero h1{font-size:48px;letter-spacing:-2px}.lesson-hero p{font-size:13px}.lesson-container{width:calc(100% - 25px)}.content-card{padding:24px 20px;border-radius:20px}.intro-card{flex-direction:column}.content-card h2{font-size:21px}.rich-content p,.rich-content li{font-size:13px}.takeaway-card{flex-direction:column}.lesson-navigation{grid-template-columns:1fr 1fr}.complete-btn{grid-column:1/-1;grid-row:1}.previous-btn{grid-column:1;grid-row:2}.next-btn{grid-column:2;grid-row:2}}