@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";
:root{--ink:#17211d;--muted:#6e7974;--soft:#f4f6f1;--cream:#fbfaf6;--line:#e1e7df;--green:#2f7557;--green-dark:#24573f;--lime:#d9efbb;--yellow:#f7e6a6;--blue:#dceff4;--peach:#f9e0d1;--violet:#eae0f6;--shadow:0 24px 60px #20352a14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.page-shell,.app-page{min-height:100vh;overflow:hidden}.site-header{justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 48px);min-height:86px;margin:auto;display:flex}.logo{color:var(--ink);letter-spacing:-.06em;align-items:center;gap:10px;font:800 21px Manrope,sans-serif;display:inline-flex}.logo-mark{color:#fff;background:var(--green);letter-spacing:-.08em;border-radius:10px;place-items:center;width:32px;height:32px;font-size:13px;display:grid;transform:rotate(-8deg)}.logo-dot{color:var(--green)}.main-nav,.app-nav{color:var(--muted);gap:28px;font-size:14px;display:flex}.main-nav a:hover,.app-nav a:hover,.text-link:hover{color:var(--green-dark)}.header-actions{align-items:center;gap:20px;display:flex}.text-link{color:var(--muted);background:0 0;border:0;font-size:14px;font-weight:600}.button{background:var(--green);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:13px;padding:15px 22px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 9px 20px #2f755729}.button:hover{background:var(--green-dark);transform:translateY(-2px)}.button-small{padding:11px 16px;font-size:13px}.button-ghost{color:var(--green-dark);border:1px solid var(--line);box-shadow:none;background:0 0}.button-ghost:hover{background:var(--soft)}.button-light{color:var(--green-dark);box-shadow:none;background:#fff}.button-light:hover{background:var(--lime)}.hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:70px;width:min(1180px,100% - 48px);margin:50px auto 90px;display:grid}.eyebrow{color:var(--green);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.hero h1{letter-spacing:-.075em;max-width:650px;margin:19px 0 22px;font:800 clamp(45px,6vw,77px)/.98 Manrope,sans-serif}.hero h1 em{color:var(--green);font-style:normal}.hero-copy{max-width:490px;color:var(--muted);font-size:17px;line-height:1.65}.hero-cta{align-items:center;gap:12px;margin-top:31px;display:flex}.hero-note{color:var(--muted);margin:21px 0 0;font-size:12px}.hero-card{background:var(--yellow);border-radius:34px;min-height:460px;padding:28px;position:relative;overflow:hidden}.hero-card:before{content:"";background:#fbf1c8;border-radius:50%;width:320px;height:320px;position:absolute;top:-95px;right:-105px}.hero-card:after{content:"";background:#c6e7c0;border-radius:50%;width:210px;height:210px;position:absolute;bottom:-70px;left:-100px}.card-top{z-index:1;justify-content:space-between;display:flex;position:relative}.card-label{font-size:12px;font-weight:700}.live-dot{color:var(--green-dark);background:#ffffff9e;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.live-dot:before{content:"";background:#7cb968;border-radius:50%;width:7px;height:7px}.study-board{z-index:1;background:#ffffffbf;border:1px solid #2f755721;border-radius:24px;width:80%;margin:35px auto 0;padding:26px;position:relative;transform:rotate(2deg);box-shadow:0 22px 35px #4059361a}.board-title{letter-spacing:-.06em;margin:0 0 22px;font:800 26px Manrope,sans-serif}.progress-row{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.progress{background:#edf0e8;border-radius:99px;height:7px;overflow:hidden}.progress>span{border-radius:inherit;background:var(--green);width:66%;height:100%;display:block}.board-checks{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.board-check{background:#f9f8f0;border-radius:13px;padding:12px;font-size:12px}.board-check strong{margin-bottom:5px;font-size:13px;display:block}.board-check span{color:var(--green);font-size:11px}.floating-tag{z-index:2;background:var(--green);color:#fff;border-radius:17px;padding:14px 15px;position:absolute;bottom:56px;right:28px;transform:rotate(-5deg);box-shadow:0 14px 28px #2f755740}.floating-tag strong{font:800 22px Manrope,sans-serif;display:block}.floating-tag span{opacity:.8;font-size:11px}.section{width:min(1180px,100% - 48px);margin:0 auto 120px}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px;display:flex}.section-heading h2{letter-spacing:-.07em;max-width:560px;margin:13px 0 0;font:800 clamp(30px,4vw,50px)/1.05 Manrope,sans-serif}.section-heading p{max-width:330px;color:var(--muted);margin:0;font-size:14px;line-height:1.6}.skill-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.skill-card{border-radius:25px;flex-direction:column;justify-content:space-between;min-height:245px;padding:23px;display:flex}.skill-card.mint{background:var(--lime)}.skill-card.blue{background:var(--blue)}.skill-card.peach{background:var(--peach)}.skill-card.violet{background:var(--violet)}.skill-number{color:#17211d7a;font:700 12px Manrope,sans-serif}.skill-card h3{letter-spacing:-.06em;margin:25px 0 9px;font:800 22px Manrope,sans-serif}.skill-card p{color:#17211da6;margin:0;font-size:13px;line-height:1.45}.skill-link{margin-top:22px;font-size:12px;font-weight:800}.roadmap{grid-template-columns:.8fr 1.2fr;align-items:start;gap:70px;display:grid}.roadmap-copy h2{letter-spacing:-.07em;margin:14px 0 20px;font:800 48px/1.03 Manrope,sans-serif}.roadmap-copy p{color:var(--muted);line-height:1.65}.roadmap-list{gap:14px;display:grid}.roadmap-item{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:54px 1fr 28px;align-items:center;gap:18px;padding:18px;display:grid}.roadmap-index{background:var(--soft);width:42px;height:42px;color:var(--green);border-radius:13px;place-items:center;font-weight:800;display:grid}.roadmap-item strong{font-size:15px}.roadmap-item span{color:var(--muted);margin-top:5px;font-size:12px;display:block}.roadmap-arrow{color:var(--green);font-size:19px}.pricing{background:var(--green);color:#fff;border-radius:32px;grid-template-columns:1fr .76fr;align-items:center;gap:50px;padding:56px;display:grid}.pricing h2{letter-spacing:-.075em;margin:15px 0;font:800 51px/1 Manrope,sans-serif}.pricing p{color:#ffffffb8;max-width:500px;line-height:1.6}.pricing .eyebrow{color:var(--lime)}.price-box{background:#ffffff1c;border-radius:24px;padding:26px}.price-box small{color:#ffffffad}.price{letter-spacing:-.08em;margin:12px 0;font:800 46px Manrope,sans-serif}.price-box ul{color:#fffc;margin:17px 0 25px;padding:0;font-size:13px;line-height:2;list-style:none}.price-box li:before{content:"✓";color:var(--lime);margin-right:9px;font-weight:800}.faq-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.faq{border:1px solid var(--line);background:#fff;border-radius:19px;padding:22px}.faq strong{margin-bottom:9px;font-size:14px;display:block}.faq p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.footer{border-top:1px solid var(--line);width:min(1180px,100% - 48px);color:var(--muted);justify-content:space-between;margin:auto;padding:30px 0 45px;font-size:12px;display:flex}.app-page{background:var(--soft)}.app-header{background:var(--cream);border-bottom:1px solid var(--line)}.app-main{width:min(1180px,100% - 48px);margin:auto;padding:46px 0 80px}.app-welcome{justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px;display:flex}.app-welcome h1{letter-spacing:-.07em;margin:9px 0 0;font:800 41px Manrope,sans-serif}.app-welcome p{color:var(--muted);margin:8px 0 0}.expiry{color:var(--green-dark);background:var(--lime);border-radius:999px;padding:10px 15px;font-size:12px;font-weight:800}.stats-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:36px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:19px;padding:20px}.stat-card-top{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.stat-icon{color:var(--green);font-size:17px}.stat-card strong{letter-spacing:-.06em;margin-top:17px;font:800 30px Manrope,sans-serif;display:block}.stat-card small{color:var(--muted);font-size:11px}.course-panel{grid-template-columns:1.3fr .7fr;gap:16px;display:grid}.course-overview{background:var(--green);color:#fff;border-radius:25px;padding:28px}.course-overview h2{letter-spacing:-.07em;max-width:480px;margin:14px 0;font:800 34px Manrope,sans-serif}.course-overview p{color:#ffffffb8;max-width:530px;font-size:14px;line-height:1.6}.course-overview .progress{background:#fff3;margin:27px 0 9px}.course-overview .progress>span{background:var(--lime);width:19%}.course-overview .progress-row{color:#ffffffc7}.next-lesson{background:var(--yellow);border-radius:25px;flex-direction:column;justify-content:space-between;padding:25px;display:flex}.next-lesson h3{letter-spacing:-.06em;margin:10px 0;font:800 25px Manrope,sans-serif}.next-lesson p{color:#17211da6;font-size:13px;line-height:1.5}.module-list{gap:13px;margin-top:16px;display:grid}.learn-layout{grid-template-columns:280px 1fr;gap:18px;display:grid}.lesson-sidebar,.lesson-content,.admin-card{border:1px solid var(--line);background:#fff;border-radius:23px}.lesson-sidebar{padding:18px}.lesson-sidebar h3{letter-spacing:-.06em;margin:7px 0 20px;font:800 22px Manrope,sans-serif}.side-section{margin-bottom:18px}.side-section-title{color:var(--muted);letter-spacing:.12em;padding:9px 10px;font-size:10px;font-weight:800}.lesson-nav{gap:4px;display:grid}.lesson-nav button{text-align:left;color:var(--muted);background:0 0;border:0;border-radius:11px;padding:11px 10px;font-size:12px}.lesson-nav button:hover,.lesson-nav button.active{background:var(--soft);color:var(--green-dark);font-weight:700}.lesson-content{min-height:620px;padding:38px}.lesson-content h1{letter-spacing:-.07em;max-width:650px;margin:14px 0;font:800 40px Manrope,sans-serif}.lesson-content>p{max-width:670px;color:var(--muted);line-height:1.65}.lesson-section{border-top:1px solid var(--line);margin-top:30px;padding-top:26px}.lesson-section h2{letter-spacing:-.06em;margin:0 0 13px;font:800 22px Manrope,sans-serif}.lesson-section p{color:var(--muted);font-size:14px;line-height:1.7}.audio-player{background:var(--soft);border-radius:14px;align-items:center;gap:13px;padding:14px;display:flex}.play-button{background:var(--green);color:#fff;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.audio-line{background:#dce5db;border-radius:99px;flex:1;height:5px}.audio-line span{border-radius:inherit;background:var(--green);width:38%;height:100%;display:block}.quiz-box{background:var(--soft);border-radius:18px;margin-top:23px;padding:23px}.quiz-box h3{margin:0 0 17px;font-size:16px;line-height:1.5}.quiz-option{border:1px solid var(--line);width:100%;color:var(--muted);text-align:left;background:#fff;border-radius:11px;margin-top:8px;padding:12px 14px;font-size:13px;display:block}.quiz-option:hover,.quiz-option.selected{border-color:var(--green);color:var(--green-dark);background:#f3faf2}.quiz-result{color:var(--green-dark);margin-top:15px;font-size:13px;font-weight:700}.auth-page{background:var(--soft);place-items:center;min-height:100vh;padding:30px;display:grid}.auth-card{border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow);background:#fff;border-radius:27px;padding:34px}.auth-card h1{letter-spacing:-.07em;margin:18px 0 8px;font:800 34px Manrope,sans-serif}.auth-card>p{color:var(--muted);margin:0 0 25px;font-size:14px;line-height:1.5}.form-field{gap:7px;margin-bottom:14px;display:grid}.form-field label{color:var(--muted);font-size:12px;font-weight:700}.form-field input{border:1px solid var(--line);border-radius:11px;outline:0;width:100%;padding:13px 14px}.form-field input:focus{border-color:var(--green);box-shadow:0 0 0 3px #2f755717}.auth-card .button{width:100%;margin-top:7px}.divider{color:var(--muted);align-items:center;gap:12px;margin:20px 0;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-foot{color:var(--muted);text-align:center;margin-top:20px;font-size:12px}.auth-foot a{color:var(--green);font-weight:700}.checkout-layout{grid-template-columns:1fr .8fr;align-items:start;gap:17px;display:grid}.checkout-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:28px}.checkout-card h1{letter-spacing:-.07em;margin:12px 0;font:800 37px Manrope,sans-serif}.checkout-card p{color:var(--muted);font-size:14px;line-height:1.6}.order-summary{gap:13px;margin:25px 0;display:grid}.summary-line{color:var(--muted);justify-content:space-between;gap:15px;font-size:13px;display:flex}.summary-line.total{border-top:1px solid var(--line);color:var(--ink);padding-top:15px;font-size:17px;font-weight:800}.qr-card{text-align:center;background:var(--yellow)}.qr-placeholder{color:#fff;text-shadow:0 1px 3px #000;background:repeating-linear-gradient(45deg,#17211d 0 4px,#fff 4px 8px);border:10px solid #fff;border-radius:16px;place-items:center;width:220px;height:220px;margin:17px auto;font:800 19px Manrope,sans-serif;display:grid}.payment-code{color:var(--green-dark);background:#fff9;border-radius:8px;padding:8px 11px;font:800 13px monospace;display:inline-block}.notice{color:var(--green-dark);background:#f1f6ee;border-radius:12px;margin-top:17px;padding:13px;font-size:12px;line-height:1.5}.admin-grid{grid-template-columns:1.2fr .8fr;gap:17px;display:grid}.admin-card{padding:23px}.admin-card h2{letter-spacing:-.06em;margin:0 0 17px;font:800 22px Manrope,sans-serif}.admin-metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.admin-metric{background:var(--soft);border-radius:14px;padding:15px}.admin-metric small{color:var(--muted);font-size:11px;display:block}.admin-metric strong{margin-top:7px;font:800 25px Manrope,sans-serif;display:block}.table{border-collapse:collapse;width:100%;font-size:12px}.table th{border-bottom:1px solid var(--line);color:var(--muted);text-align:left;letter-spacing:.08em;text-transform:uppercase;padding:11px 0;font-size:10px}.table td{border-bottom:1px solid var(--line);padding:14px 0}.status{background:var(--lime);color:var(--green-dark);border-radius:99px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-block}.status.pending{background:var(--yellow)}.empty-state{color:var(--muted);text-align:center;border:1px dashed #cbd7c8;border-radius:18px;padding:38px}@media (max-width:900px){.hero,.roadmap,.pricing,.course-panel,.checkout-layout,.admin-grid{grid-template-columns:1fr}.hero{gap:35px}.skill-grid{grid-template-columns:1fr 1fr}.pricing{padding:35px}.roadmap{gap:35px}.learn-layout{grid-template-columns:1fr}.lesson-sidebar{order:2}.lesson-content{padding:26px}.main-nav,.app-nav{display:none}}@media (max-width:600px){.site-header,.hero,.section,.footer,.app-main{width:min(100% - 30px,1180px)}.site-header{min-height:72px}.header-actions .text-link{display:none}.hero{margin:36px auto 70px}.hero h1{font-size:49px}.hero-card{min-height:390px}.study-board{width:90%}.skill-grid,.stats-grid,.faq-grid,.admin-metrics{grid-template-columns:1fr}.section{margin-bottom:75px}.section-heading,.app-welcome{flex-direction:column;align-items:start}.section-heading h2,.roadmap-copy h2,.pricing h2{font-size:38px}.pricing{padding:27px}.footer{flex-direction:column;gap:15px}.app-welcome h1{font-size:35px}.course-overview h2{font-size:29px}.lesson-content h1{font-size:33px}.checkout-card h1{font-size:32px}}.protected-learning .lesson-content{-webkit-user-select:none;user-select:none}.protected-learning .lesson-content input,.protected-learning .lesson-content textarea,.protected-learning .lesson-content select,.protected-learning .lesson-content [contenteditable=true]{-webkit-user-select:text;user-select:text}.protected-learning .lesson-content img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}