:root{--bg:#0b0d0b;--panel:#131b15;--panel2:#172419;--text:#f7f7f0;--muted:#c8c8bc;--green:#7aa33d;--green2:#9bcf55;--gold:#d4b02a;--gold2:#f0cc44;--line:#2e3b30;--shadow:0 18px 45px rgba(0,0,0,.35);--radius:26px;--input:#0f1511}body.light{--bg:#f6f4ea;--panel:#ffffff;--panel2:#f1ead5;--text:#171a14;--muted:#5d6356;--line:#ddd5bd;--input:#fffaf0;--shadow:0 14px 30px rgba(30,40,10,.13)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(122,163,61,.16),transparent 35%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.5}button,input,select{font:inherit}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(16px,4vw,56px);background:rgba(11,13,11,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}body.light .app-header{background:rgba(246,244,234,.9)}.brand{display:flex;align-items:center;gap:14px}.logo-mark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--green));color:#10120f;font-weight:900;box-shadow:0 0 0 4px rgba(255,255,255,.08)}.eyebrow{margin:0 0 4px;color:var(--gold2);letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:800}.app-header h1{font-size:clamp(1.1rem,2.4vw,1.9rem);margin:0}.tagline{margin:2px 0 0;color:var(--muted);font-size:.9rem}.theme-toggle{width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer}.tabs{position:sticky;top:91px;z-index:19;display:flex;gap:10px;overflow-x:auto;padding:12px clamp(12px,4vw,56px);background:rgba(11,13,11,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}body.light .tabs{background:rgba(246,244,234,.88)}.tab{white-space:nowrap;border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:800}.tab.active{background:linear-gradient(135deg,var(--gold),var(--green));color:#111;border-color:transparent}.shell{width:min(1180px,100%);margin:0 auto;padding:24px clamp(14px,4vw,36px) 60px}.view{display:none}.active-view{display:block}.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,3vw,30px);box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center}.hero h2,.section-title h2{font-size:clamp(2rem,5vw,4.2rem);line-height:1.02;margin:.1em 0 .25em}.lead{font-size:clamp(1rem,2.3vw,1.25rem);color:var(--muted);max-width:820px}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.primary,.secondary{border:0;border-radius:16px;padding:13px 18px;font-weight:900;cursor:pointer}.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#10120f}.secondary{background:var(--panel);color:var(--text);border:1px solid var(--line)}.story-cover-card{position:relative;overflow:hidden;border-radius:24px;min-height:360px;border:1px solid var(--line)}.story-cover-card img{width:100%;height:100%;object-fit:cover;display:block}.cover-overlay{position:absolute;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(transparent,rgba(0,0,0,.84));display:grid;gap:6px}.cover-overlay span{color:var(--gold2);font-weight:800}.cover-overlay strong{font-size:1.8rem}.grid{display:grid;gap:18px;margin-top:18px}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-2{grid-template-columns:repeat(2,1fr)}.feature span{font-size:2.1rem}.section-title{margin:16px 0 22px}.reader{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:stretch}.reader-img-wrap{border-radius:22px;overflow:hidden;border:1px solid var(--line);min-height:420px;background:#000}.reader-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.reader-text{display:flex;flex-direction:column;justify-content:center}.reader-text h3{font-size:2rem;margin:0 0 12px}.reader-text p:not(.eyebrow){font-size:1.22rem;color:var(--muted)}.reader-controls{display:flex;gap:10px;margin-top:20px}.check-list,.mini-list{padding-left:0;list-style:none}.check-list li,.mini-list li{margin:8px 0;padding-left:30px;position:relative}.check-list li:before,.mini-list li:before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:900}.question-card{border-top:1px solid var(--line);padding:18px 0}.question-card:first-child{border-top:0}.question-card h4{font-size:1.1rem;margin:0 0 12px}.quiz-stack{display:grid}.option{display:grid;grid-template-columns:22px 34px 1fr;gap:12px;align-items:start;width:100%;padding:12px 14px;margin:8px 0;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03);cursor:pointer}.option:hover{border-color:var(--gold)}.option input{margin-top:4px}.option span:first-of-type{font-weight:900;color:var(--gold)}.result-box{margin-top:18px;border:1px solid var(--line);border-radius:20px;padding:18px;background:rgba(122,163,61,.08)}.accordion{display:grid;gap:12px}.acc-item{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel)}.acc-head{width:100%;text-align:left;padding:18px;background:transparent;color:var(--text);border:0;font-weight:900;font-size:1.1rem;cursor:pointer}.acc-body{display:none;padding:0 18px 18px;color:var(--muted)}.acc-item.open .acc-body{display:block}.type-head{display:flex;align-items:center;gap:12px}.animal-emoji{font-size:2.4rem}.muted{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid.single{grid-template-columns:1fr}label{font-weight:800;color:var(--muted)}input,select{width:100%;margin-top:8px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--input);color:var(--text)}.jar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.jar{border:1px solid var(--line);border-radius:22px;padding:20px;text-align:center;background:rgba(255,255,255,.04)}.jar span{display:block;font-size:2rem}.jar strong{display:block;font-size:2.2rem;color:var(--gold)}.cert-layout{grid-template-columns:.8fr 1.2fr}.certificate-card{background:#111;border-radius:24px;padding:18px;box-shadow:var(--shadow)}.cert-border{background:#fff;color:#111;border:10px solid #d4b02a;outline:4px solid #7aa33d;min-height:520px;border-radius:18px;padding:44px 34px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.cert-brand{font-weight:1000;letter-spacing:.22em;color:#172419;margin-bottom:8px}.cert-border h2{font-size:2.4rem;margin:.2em 0;color:#171a14}.cert-border h3{font-size:2.1rem;margin:.2em 0;color:#7aa33d}.cert-border h4{font-size:1.55rem;margin:.2em 0;color:#0f0f0f}.cert-date{color:#555}.cert-footer{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap;justify-content:center}.cert-footer span{border:1px solid #d4b02a;border-radius:999px;padding:6px 12px;font-weight:900;color:#172419}.app-footer{text-align:center;color:var(--muted);padding:28px;border-top:1px solid var(--line)}@media(max-width:800px){.hero,.reader,.cards-2,.cards-3,.cert-layout,.form-grid,.jar-grid{grid-template-columns:1fr}.tabs{top:91px}.story-cover-card{min-height:290px}.reader-img-wrap{min-height:290px}.option{grid-template-columns:22px 28px 1fr}.cert-border{min-height:460px;padding:30px 18px}.cert-border h2{font-size:1.8rem}.cert-border h3{font-size:1.7rem}.shell{padding-inline:12px}.app-header{align-items:flex-start}.logo-mark{width:46px;height:46px}.reader-text h3{font-size:1.5rem}}@media print{body{background:white}.app-header,.tabs,.app-footer,.shell>.view:not(#certificates),#certificates .section-title,#certificates .card{display:none!important}.shell{padding:0}.certificate-card{box-shadow:none;padding:0;background:white}.cert-layout{display:block}.cert-border{min-height:90vh;border-width:12px;outline-width:5px}}