:root{--cream:#fffdf0;--green:#6ba044;--green-dark:#4f8034;--yellow:#ffcc32;--blue:#b7ddf4;--navy:#123b73;--ink:#1d3557;--muted:#72809a;--white:#fff;--line:#e8e9df;--shadow:0 10px 26px rgba(31,73,55,.08)}*{box-sizing:border-box}body{margin:0;background:#dfe9dd;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.phone-shell{width:min(100%,430px);min-height:100vh;margin:auto;background:var(--cream);overflow:hidden;position:relative}.topbar{height:68px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(18,59,115,.07);background:rgba(255,253,240,.9);position:sticky;top:0;z-index:2}.brand-mini{font-weight:800;letter-spacing:-.02em;color:var(--navy);display:flex;align-items:center;gap:8px}.brand-mark{font-size:21px}.icon-button{border:0;background:transparent;color:var(--navy);font-size:25px;width:34px;height:34px;cursor:pointer}.screen{padding:25px 20px 32px;min-height:calc(100vh - 68px)}.hero{text-align:center;padding:20px 12px 24px;position:relative}.hero-badge,.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--green-dark)}.hero h1{font-size:38px;line-height:1;margin:12px 0 8px;color:var(--navy);letter-spacing:-.05em}.subtitle{font-weight:700;color:var(--green-dark);font-size:16px;margin:0}.hero-copy{font-size:14px;line-height:1.5;color:var(--muted);max-width:260px;margin:14px auto 0}.bee-illustration{font-size:66px;background:var(--yellow);width:112px;height:112px;display:grid;place-items:center;border-radius:38% 62% 55% 45%;margin:23px auto 0;transform:rotate(-8deg);box-shadow:0 11px 0 #f1b922}.home-actions{display:grid;gap:11px}.action-button,.section-card{width:100%;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:17px;min-height:69px;padding:12px 15px;display:flex;align-items:center;gap:12px;text-align:left;box-shadow:var(--shadow);cursor:pointer;font:inherit}.action-button>span:first-child{font-size:24px;width:30px;text-align:center}.action-button>span:nth-child(2){font-weight:800;flex:1}.action-button small,.section-card small{display:block;color:var(--muted);font-size:11px;font-weight:500;margin-top:3px}.action-button b,.section-card b{font-size:26px;font-weight:400;color:var(--muted)}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary small{color:#eaf5e3}.blue{border-left:5px solid #83c6e9}.yellow{border-left:5px solid var(--yellow)}.home-footer{display:flex;justify-content:center;gap:24px;padding-top:23px}.home-footer button{border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.page-heading{padding:10px 2px 22px}.page-heading h2{font-size:30px;line-height:1.1;color:var(--navy);margin:8px 0}.page-heading p{margin:0;color:var(--muted);font-size:14px}.section-list,.topic-list{display:grid;gap:12px}.section-card{min-height:83px}.section-card>span:nth-child(2){flex:1}.section-card strong{display:block;font-size:15px}.section-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;font-size:23px;background:#e5f1df}.section-card.yellow .section-icon{background:#fff1bd}.section-card.blue .section-icon{background:#e0f2fc}.tip{display:flex;gap:10px;padding:15px;background:#eef7e9;border-radius:15px;margin-top:18px;font-size:12px;color:var(--green-dark);line-height:1.4}.tip p{margin:0}.topic-row{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;align-items:center;gap:11px;cursor:pointer;box-shadow:0 4px 14px rgba(31,73,55,.04)}.topic-num{width:27px;height:27px;border-radius:9px;background:#eef7e9;color:var(--green-dark);display:grid;place-items:center;font-size:12px;font-weight:800}.topic-row strong{font-size:13px;display:block}.topic-row small{font-size:11px;color:var(--muted)}.topic-row b{margin-left:auto;color:var(--muted);font-size:20px;font-weight:400}.test-card,.purchase-card{background:#fff;border-radius:22px;padding:27px 22px;box-shadow:var(--shadow);text-align:center}.test-icon,.purchase-icon{width:70px;height:70px;border-radius:22px;background:#e0f2fc;display:grid;place-items:center;font-size:35px;margin:0 auto 18px}.test-card h3,.purchase-card h2{color:var(--navy);font-size:21px;margin:0 0 10px}.test-card p,.purchase-card li{color:var(--muted);font-size:13px;line-height:1.5}.wide{width:100%;border:0;border-radius:13px;padding:14px;font-weight:800;font-size:14px;cursor:pointer;margin-top:12px}.wide span{float:right;font-size:20px;line-height:14px}.empty-state{text-align:center;padding:55px 15px}.empty-state>div{font-size:60px}.empty-state h2{color:var(--navy)}.empty-state p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 auto 22px;max-width:270px}.purchase-card{text-align:left}.purchase-card .purchase-icon{margin-left:0;background:#fff1bd}.purchase-card h2{margin-top:10px}.purchase-card ul{padding-left:20px}.purchase-card li{margin:12px 0}.purchase-card .wide{display:block}@media(min-width:431px){.phone-shell{margin:28px auto;min-height:calc(100vh - 56px);border-radius:28px;box-shadow:0 20px 60px rgba(22,51,39,.18)}}
.detail-actions{display:grid;gap:18px}.detail-actions .wide{margin-top:0}.notes-button{background:#e0f2fc;color:#1276c7}
.question{text-align:left;border:0;border-top:1px solid var(--line);padding:18px 0;margin:0}.question legend{font-weight:800;color:var(--navy);line-height:1.4;padding:0 0 10px}.question label{display:block;padding:9px 0;color:var(--ink);font-size:14px}.question input{accent-color:var(--green)}
.question-image{display:block;width:100%;max-height:280px;object-fit:contain;border-radius:12px;margin:0 0 14px;background:#f4f5ee}
.progress-card{background:#fff;border-radius:22px;padding:22px;box-shadow:var(--shadow)}.progress-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.progress-stats>div{background:#f4f8ef;border-radius:14px;padding:14px 6px}.progress-stats strong{display:block;color:var(--navy);font-size:22px}.progress-stats small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.progress-message{color:var(--muted);font-size:13px;line-height:1.5;padding:20px 4px 8px;text-align:center}
.purchase-price{font-weight:800;color:var(--green-dark)!important;font-size:16px!important}.language-list{display:grid;gap:12px}.language-list .section-card{min-height:76px}