@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
.profile-box{background:white;border:1px solid #dce3d9;border-radius:20px;padding:24px;margin:28px 0}.profile-box p{font-size:14px}.profile-box label{font-size:13px;font-weight:600;display:block;margin-bottom:9px}.profile-row{display:flex;gap:12px;flex-wrap:wrap}.profile-row input{font:inherit;padding:14px;border:1px solid #b7c6b6;border-radius:10px;flex:1;min-width:180px;color:#173e36}.history-list{margin-top:15px}.history-list>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e0e6d9;font-size:13px}summary{cursor:pointer;color:#23634f}
:root{--ink:#173e36;--green:#23634f;--lime:#d5f281;--paper:#f7f8f2;--muted:#65786e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}header{max-width:1200px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #dce3d9}.brand{font:800 24px Manrope,sans-serif;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:8px}.thin{font-weight:500}.logo{background:var(--green);color:var(--lime);padding:5px 11px;border-radius:12px;font-size:30px}.class{font-size:11px;letter-spacing:2px;font-weight:700}.class span{color:#8da687;margin:0 12px}main{max-width:1136px;margin:auto;padding:45px 0 65px}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #b78732;outline-offset:4px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:52px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:8px}.dot{height:7px;width:7px;background:#5b8753;border-radius:50%}h1{font:800 clamp(38px,5vw,60px)/1.12 Manrope,sans-serif;letter-spacing:-2px;margin:24px 0}h1 em{font-style:normal;color:#658754}p{line-height:1.7;color:var(--muted)}.lead{font-size:16px;max-width:430px}.primary{background:var(--green);color:white;border-radius:12px;padding:16px 25px;font-weight:700;display:inline-flex;gap:32px;align-items:center}.primary:hover{background:#164d3d}.primary:disabled{opacity:.45;cursor:default}.secondary{background:white;border:1px solid #dce3d9;border-radius:12px;padding:14px 20px;color:var(--green);font-weight:600}.start{margin:17px 0 20px}.meta{font-size:12px;color:var(--muted);display:flex;gap:18px}.scene{height:365px;background:#e8eee0;border-radius:30px;position:relative;overflow:hidden}.scene svg{width:100%;height:100%}.scene-label{position:absolute;left:22px;bottom:20px;background:#ffffffe8;border-radius:14px;padding:12px 16px;box-shadow:0 8px 30px #28433210;font-size:12px}.scene-label b{display:block;font-size:14px;margin-bottom:4px}.scene-chip{position:absolute;right:20px;top:20px;padding:8px 12px;border-radius:20px;background:#fff9;font-size:11px}.section-top{display:flex;justify-content:space-between;align-items:center;margin:47px 0 20px}h2{font:800 23px Manrope,sans-serif;margin:0}.section-top span{font-size:12px;color:var(--muted)}.topics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.tile{background:white;border:1px solid #e0e6d9;border-radius:16px;padding:17px;min-height:111px}.tile .icon{font-size:22px;display:block;margin-bottom:13px}.tile b{font-size:12px;font-weight:600}.note{font-size:12px;background:#edf1e5;border-radius:12px;padding:15px 20px;margin-top:24px;line-height:1.6;color:#60715f}footer{max-width:1136px;margin:auto;border-top:1px solid #dce3d9;padding:23px 0;font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.quiz{max-width:790px;margin:auto}.quiz-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:18px}.text-btn{background:transparent;color:var(--muted);padding:8px}.progress{height:6px;background:#e0e7d8;border-radius:6px;overflow:hidden;margin-bottom:28px}.progress div{height:100%;background:#54866d;transition:width .3s}.card{background:white;border:1px solid #e0e6d9;border-radius:25px;padding:35px}.badge{display:inline-block;background:#edf3df;color:#57703a;font-size:11px;padding:7px 11px;border-radius:7px;font-weight:700}.card h2{font-size:25px;line-height:1.4;margin:20px 0 25px}.options{display:grid;gap:11px}.option{text-align:left;display:flex;align-items:center;gap:14px;background:#fbfcf8;border:1px solid #dce3d8;border-radius:12px;padding:16px;color:var(--ink);line-height:1.5}.option span{flex-shrink:0;width:28px;height:28px;border:1px solid #dce3d8;border-radius:8px;display:grid;place-items:center;font-size:12px}.option:hover{border-color:#699079}.option.selected{border:2px solid var(--green);padding:15px;background:#edf5e8}.option.selected span{background:var(--green);color:white}.quiz-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:15px}.hint{font-size:12px;color:var(--muted)}.mini-scene{height:125px;background:#edf2e5;border-radius:14px;margin-bottom:20px;overflow:hidden}.mini-scene svg{width:100%;height:100%}.result{text-align:center;margin-bottom:30px}.score{width:145px;height:145px;border-radius:50%;background:var(--green);color:var(--lime);display:grid;place-content:center;margin:25px auto;font:800 46px Manrope}.score small{font:500 13px 'DM Sans';color:white}.result h1{font-size:36px;margin:18px 0}.stats{display:flex;justify-content:center;gap:30px;margin:20px 0 25px}.stats strong{display:block;font-size:23px}.stats span{font-size:12px;color:var(--muted)}.review{background:white;border:1px solid #e0e6d9;padding:22px;border-radius:15px;margin:12px 0}.review h3{font-size:16px;margin:0 0 10px;line-height:1.5}.review p{font-size:13px;margin:5px 0}.good{color:#27764f}.bad{color:#aa4a35}.actions{display:flex;justify-content:center;gap:12px}.revision{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}.revision span{font-size:12px;background:#eee8dc;padding:7px 12px;border-radius:20px}@media(max-width:900px){main{padding:30px 24px}.hero{gap:25px}.topics{grid-template-columns:repeat(3,1fr)}footer{margin:0 24px}.scene{height:320px}}@media(max-width:600px){header{height:80px;padding:0 20px}.brand{font-size:19px}.class{font-size:9px;letter-spacing:1px}.class span{margin:0 5px}.hero{grid-template-columns:1fr}.hero h1{font-size:43px}.scene{height:260px}.topics{grid-template-columns:repeat(2,1fr)}.section-top{margin-top:32px}.section-top span{display:none}.card{padding:23px 18px}.card h2{font-size:21px}.quiz-bottom{align-items:stretch;flex-direction:column}.primary{justify-content:center}footer span{display:none}.stats{gap:22px}.meta{gap:12px;font-size:11px}}
.footer-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}.footer-links a:hover{color:var(--green)}@media(max-width:600px){footer{flex-wrap:wrap;gap:12px}footer .footer-links{display:block}}