@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');
:root{--green:#294f3c;--dark:#234537;--darkest:#1a372b;--coral:#d98060;--coral-deep:#b86146;--pale:#f7eddc;--cream:#fff9ef;--paper:#fffefa;--ink:#39483c;--muted:#777a6b;--line:#e7ded1;--mint:#e9eee4;--font:'DM Sans',system-ui,sans-serif;--display:'Fraunces',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #bd8062;outline-offset:3px}[hidden]{display:none!important}.wrap{width:min(1180px,calc(100% - 58px));margin:0 auto}em{font-weight:500;font-style:italic;color:var(--coral-deep)}
.lab-strip{background:#234537;color:#e5eee1;height:31px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 max(22px,calc((100vw - 1180px)/2));font-size:10px;letter-spacing:.09em;font-weight:700}.lab-strip a:hover{text-decoration:underline}.lab-strip span{opacity:.7;font-size:9px}.site-header{position:sticky;top:0;z-index:20;height:82px;background:#fff9eff0;border-bottom:1px solid var(--line);backdrop-filter:blur(13px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-icon{height:43px;width:52px;display:grid;place-items:center;background:var(--coral);color:white;border-radius:13px 13px 13px 4px;font:italic 21px var(--display);letter-spacing:-1px;transform:rotate(-5deg)}.brand-icon span{color:#ffe4b3}.brand strong{font:600 20px var(--display);display:block;letter-spacing:-.6px;color:var(--green);white-space:nowrap}.brand em{color:var(--coral-deep)}.brand small{font-size:8px;letter-spacing:.14em;display:block;color:#9a8771;font-weight:800;margin-top:1px}.main-nav{display:flex;gap:25px;font-size:12px;font-weight:700;color:#667262}.main-nav a:hover{color:var(--coral-deep)}.nav-cta{padding:11px 17px;border:1px solid #b9c8b7;color:var(--green);border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.nav-cta:hover{background:var(--green);color:white}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:49px;border-radius:12px;border:1px solid transparent;padding:13px 19px;font-weight:800;font-size:13px;line-height:1.2;text-align:center;transition:transform .17s,background .17s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{background:var(--green);color:white}.btn-primary:hover:not(:disabled){background:var(--darkest)}.btn-outline{color:var(--green);border-color:#c5d0c0;background:var(--paper)}.btn-pink{background:#fae1d6;color:#944a3d}.btn-light{background:#fff7ea;color:var(--green)}.btn-line-light{background:transparent;color:white;border-color:#ffffff70}
.hero{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;min-height:610px;gap:34px;padding-top:45px;padding-bottom:69px}.eyebrow,.section-label{color:var(--coral-deep);font-size:10px;font-weight:800;letter-spacing:.18em}.star{font-size:21px;vertical-align:-3px;margin-right:7px}.hero h1{font:600 clamp(49px,5.75vw,83px)/1.07 var(--display);letter-spacing:-2.7px;color:var(--green);margin:23px 0 22px}.hero-copy>p{max-width:510px;font-size:16px;line-height:1.8;color:#768073}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.hero-caption{display:flex;gap:17px;flex-wrap:wrap;color:#7b8578;font-size:11px;margin-top:29px;font-weight:700}.hero-caption span::first-letter{color:var(--green)}.hero-art{height:480px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.art-circle{position:absolute;border-radius:50%;z-index:-1}.circle-a{height:450px;width:450px;background:#f5e5d5}.circle-b{height:320px;width:320px;background:#ecceb8;right:15px;top:85px;opacity:.8}.italy-shape{position:absolute;top:23px;right:53px;font-size:50px;transform:rotate(15deg)}.hero-notecard{width:79%;min-height:335px;border-radius:17px 17px 50px 17px;background:#fffcf6;box-shadow:0 25px 55px #74493727;padding:35px 33px;transform:rotate(-6deg);border:1px solid #f0e8db;display:flex;flex-direction:column;justify-content:space-between}.note-top{font-size:10px;color:#a67c65;letter-spacing:.18em;font-weight:800}.note-heading{font:600 clamp(48px,5.8vw,75px)/1.08 var(--display);color:var(--green);letter-spacing:-3px}.note-heading em{color:var(--coral)}.note-line{color:#98978b;font-style:italic;font-size:13px}.note-pills{display:flex;gap:7px}.note-pills span{border:1px solid #d6e0d2;border-radius:30px;font-size:9px;padding:5px 10px;color:var(--green);font-weight:700}.doodle{position:absolute;z-index:3;color:var(--coral);font-size:52px}.doodle-a{left:12px;top:50px}.doodle-b{right:0;bottom:38px;color:var(--green)}.doodle-c{left:16px;bottom:12px;transform:rotate(-22deg)}
.marquee{background:var(--coral);overflow:hidden;color:#fff;white-space:nowrap;height:49px;display:flex;align-items:center}.marquee div{font-weight:800;font-size:11px;letter-spacing:.16em;word-spacing:22px}.marquee span{color:#ffd6bf;padding:0 13px;font-size:18px}
.quiz-section{background:#f5efe5;padding:96px 0 102px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.section-top h2{font:600 clamp(39px,4.5vw,58px)/1.15 var(--display);margin:9px 0 7px;color:var(--green);letter-spacing:-1.8px}.section-top p{color:#7e8274;max-width:580px;font-size:13px;margin:0}.top-time,.flash-pill{border:1px solid #e0d5c8;background:#fffaf3;border-radius:999px;padding:10px 15px;font-size:11px;color:#806f61;font-weight:700;white-space:nowrap}.clock{font-size:17px;vertical-align:-2px;margin-right:5px}
.quiz-card{background:var(--paper);border:1px solid #e4d9c9;box-shadow:0 20px 50px #55412c0f;border-radius:22px;max-width:990px;margin:0 auto;overflow:hidden}.quiz-head{padding:28px 38px 21px;display:flex;align-items:center;justify-content:space-between;gap:15px}.quiz-status{font-size:10px;color:#7f7e70;letter-spacing:.13em;font-weight:800;display:flex;gap:9px;align-items:center}.status-dot{width:8px;height:8px;background:var(--coral);border-radius:50%}.question-counter{font:600 18px var(--display);color:var(--green)}.progress-track{height:5px;background:#efe6d9}.progress-fill{height:100%;background:var(--coral);width:0%;transition:width .3s}.quiz-panel{max-width:830px;margin:0 auto;padding:48px 35px 40px}.skill-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:10px;font-weight:800;letter-spacing:.10em;color:var(--coral-deep)}.skill-line span:last-child{border:1px solid #e7dbcf;color:#828074;padding:5px 10px;border-radius:40px;font-size:10px;letter-spacing:0}.quiz-panel h3{font:600 clamp(29px,4.2vw,45px)/1.22 var(--display);color:var(--green);letter-spacing:-1.2px;margin:16px 0}.quiz-caption{font-size:12px;color:#989085;margin:0 0 27px}.answer-options{display:grid;gap:12px}.option{display:flex;align-items:center;gap:15px;width:100%;background:#fffdf9;border:1.5px solid #e5ded4;border-radius:14px;padding:18px;text-align:left;color:#47564a;font-size:15px;font-weight:700;transition:border-color .18s,background .18s}.option:hover:not(:disabled){border-color:#a4bca9;background:#f6f9f1}.option-letter{height:33px;width:33px;border:1px solid #d8ddcf;background:#f6f3e9;border-radius:10px;flex:none;display:grid;place-items:center;color:#6c796c;font-size:12px}.option.selected{border-color:var(--green);background:#edf4e9}.option.selected .option-letter{background:var(--green);color:white;border-color:var(--green)}.option.is-correct{border-color:#43896a;background:#e8f4eb}.option.is-wrong{border-color:#c87e68;background:#fff0ec}.feedback{margin-top:18px;border-radius:13px;border:1px solid #dce5d6;background:#f0f6ed;padding:19px 21px;line-height:1.6}.feedback.wrong{background:#fff4ed;border-color:#eed3c8}.feedback strong{font-size:14px;color:var(--green);display:block;margin-bottom:5px}.feedback p{margin:0;font-size:13px;color:#70766b}.quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:31px}
.result-panel{padding:32px 40px 42px}.result-intro{text-align:center;margin:17px 0 33px}.result-mini,.result-eyebrow{font-weight:800;font-size:10px;color:var(--coral-deep);letter-spacing:.16em}.result-intro h3{font:600 clamp(32px,3.5vw,47px)/1.16 var(--display);color:var(--green);margin:10px 0 8px}.result-intro p{color:#788274;font-size:13px;margin:0}.result-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.score-card{border-radius:17px;background:var(--green);color:#fff8ec;padding:32px;min-width:0}.score-card>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#d2e8d4}.score-big{display:flex;align-items:baseline;gap:9px;margin:20px 0 3px}.score-big b{font:600 89px/1 var(--display);letter-spacing:-4px}.score-big small{font-size:25px;color:#c6d5c5}.score-card>strong{font:600 25px var(--display)}.score-card p{font-size:12px;line-height:1.65;color:#d8e5d8;min-height:56px}.score-progress{height:7px;background:#ffffff2b;border-radius:20px;overflow:hidden;margin-top:25px}.score-progress span{display:block;height:100%;background:#efbd99;width:0%}.score-card>small{display:block;margin-top:9px;font-size:11px;color:#d3e3d4}.result-detail{border:1px solid #e5dccd;border-radius:17px;padding:31px 26px;min-width:0}.result-detail h4{font:600 27px var(--display);color:var(--green);margin:8px 0 22px}.topic-results{display:grid;gap:14px}.topic-result{display:grid;grid-template-columns:118px 1fr 36px;gap:10px;align-items:center}.topic-result>span{font-size:10px;font-weight:800;color:#6e796c}.bar{height:7px;background:#e7eee3;border-radius:20px;overflow:hidden}.bar>span{height:100%;background:var(--coral);display:block}.topic-result>strong{font-size:11px;text-align:right;color:var(--green)}.next-focus{margin-top:26px;padding:17px;background:#f5f1e8;border-radius:12px;font-size:12px;line-height:1.6;color:#6c7367}.next-focus strong{display:block;color:var(--green);margin-bottom:5px}
.review-section{margin-top:27px;border-top:1px dashed var(--line);padding-top:23px}.review-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.review-head h4{font:600 24px var(--display);margin:0;color:var(--green)}.text-btn{border:0;background:none;color:var(--coral-deep);font-weight:800;font-size:12px;padding:9px}.answer-review{margin-top:18px;display:grid;gap:10px}.review-item{border:1px solid #e5e1d8;border-radius:12px;padding:15px;display:grid;grid-template-columns:24px 1fr;gap:11px}.review-icon{font-size:18px;color:#569177}.review-icon.bad{color:#c57860}.review-item strong{font-size:12px;display:block;color:var(--green)}.review-item p{font-size:11px;line-height:1.6;margin:5px 0 0;color:#707c70}.result-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.result-buttons .btn{flex:1 1 180px}.result-disclaimer{font-size:10px;color:#958b7f;line-height:1.6;margin:18px 0 0}
.flash-section{background:#fffaf2;padding:95px 0}.flash-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:center}.flash-info{padding:22px}.flash-asterisk{display:block;font-size:55px;color:var(--coral);line-height:1}.flash-info h3{font:600 clamp(30px,3.5vw,46px)/1.16 var(--display);color:var(--green);letter-spacing:-1px;margin:14px 0}.flash-info p{color:#7b8477;font-size:14px;line-height:1.75}.focus-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.focus-tags span{border-radius:30px;border:1px solid #d5dfd3;padding:7px 10px;color:var(--green);font-size:10px;font-weight:700}.flash-info .tts-note{font-size:11px;color:#998e7e;margin-top:27px}.flash-widget{border-radius:21px;background:#f5e9db;padding:25px 26px;box-shadow:0 12px 45px #68483312}.flash-meta{display:flex;justify-content:space-between;gap:12px;padding:5px 4px 19px;color:#957d66;font-size:11px}.flash-meta strong{color:var(--green)}.flash-card{min-height:300px;width:100%;border:1px solid #e1d2be;border-radius:15px;background:#fffdfa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:30px;text-align:center;box-shadow:0 12px 25px #71513713;transition:transform .18s,border-color .18s}.flash-card:hover{transform:translateY(-3px);border-color:#d2b49e}.flash-card.reversed{background:#e7f1e6}.flash-card>span{font-weight:800;letter-spacing:.14em;color:#ab7657;font-size:10px}.flash-card strong{font:600 clamp(28px,4vw,44px)/1.23 var(--display);color:var(--green);letter-spacing:-1px}.flash-card small{font-size:11px;color:#958d7f}.flash-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.round-btn{border:1px solid #d6c5b6;background:#fff9ef;color:var(--green);width:45px;height:45px;border-radius:50%;font-size:23px;flex:none}.round-btn:hover{background:#e3eee1}.flash-controls .btn{flex:1}.speech-message{font-size:11px;color:#8c7763;text-align:center;min-height:21px;margin:12px 0 0}
.how-section{padding-top:88px;padding-bottom:95px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.features>div{border:1px solid #e9dfd1;border-radius:15px;background:#fffdfa;padding:28px}.features>div>span{color:#cc9778;font:600 32px var(--display)}.features h3{font:600 25px var(--display);color:var(--green);margin:11px 0 5px}.features p{color:#8a8578;font-size:12px;line-height:1.7;margin:0}
.closing{padding:86px 0;background:var(--green);color:#fff}.closing-grid{display:grid;grid-template-columns:1fr .85fr;gap:75px;align-items:center}.closing .section-label{color:#efbf9a}.closing h2{font:600 clamp(39px,4vw,58px)/1.13 var(--display);letter-spacing:-1px;margin:12px 0 18px}.closing h2 em{color:#efc1a4}.closing p{font-size:13px;color:#d1e2d4;line-height:1.75}.closing-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.closing .closing-note{font-size:10px;opacity:.85}.closing-art{border:1px solid #ffffff3a;background:#ffffff13;border-radius:20px;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:25px;text-align:center;transform:rotate(3deg)}.closing-small{color:#d8e4d3;font-size:10px;letter-spacing:.15em}.closing-art strong{font:600 clamp(34px,3.9vw,50px)/1.25 var(--display)}.closing-art strong em{color:#f5cbac}.closing-sign{font-size:45px;color:#eabb95}.closing-art>span:last-child{font-size:12px;color:#d6e3d3}.footer{background:var(--darkest);padding:29px 0;color:#e4eee2}.footer-inner{display:flex;justify-content:space-between;gap:18px}.footer-inner b{font:600 20px var(--display)}.footer-inner b span{color:#ebbb9c}.footer-inner small{display:block;font-size:9px;letter-spacing:.14em;color:#a4c0ae;margin-top:5px}.footer-inner>div:last-child{display:flex;gap:18px;align-items:center;font-size:11px;color:#c6dcc8}.footer-inner a:hover{text-decoration:underline}
.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,22px);opacity:0;pointer-events:none;background:#213d31;color:white;padding:13px 20px;border-radius:12px;font-size:12px;z-index:99;box-shadow:0 12px 30px #0002;max-width:90vw;text-align:center;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1020px){.main-nav{display:none}.hero{gap:12px}.hero-art{height:400px}.hero-notecard{min-height:310px;width:84%}.circle-a{height:370px;width:370px}.circle-b{height:290px;width:290px}.hero h1{font-size:60px}.result-layout{grid-template-columns:1fr}.score-card{min-height:0}.score-card p{min-height:0}}
@media(max-width:720px){.wrap{width:calc(100% - 36px)}.lab-strip{padding:0 18px}.lab-strip span{font-size:8px}.site-header{height:72px}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:47px;gap:0}.hero h1{font-size:clamp(45px,9.2vw,67px)}.hero-art{height:370px;max-width:485px;margin:20px auto 0;width:100%}.hero-notecard{max-width:330px;min-height:295px}.note-heading{font-size:62px}.circle-a{height:340px;width:340px}.quiz-section{padding:68px 0}.section-top{flex-direction:column;align-items:flex-start;gap:14px}.section-top h2{font-size:42px}.quiz-panel{padding:34px 21px}.quiz-head{padding:21px 20px 15px}.result-panel{padding:25px 20px}.flash-section{padding:75px 0}.flash-layout{grid-template-columns:1fr;gap:19px}.flash-info{padding:0}.features{grid-template-columns:1fr}.how-section{padding-top:65px;padding-bottom:70px}.closing-grid{grid-template-columns:1fr;gap:25px}.closing-art{min-height:240px}.footer-inner{flex-wrap:wrap}}
@media(max-width:430px){.wrap{width:calc(100% - 30px)}.brand-icon{height:37px;width:43px;font-size:17px}.brand strong{font-size:16px}.brand small{font-size:6.6px}.nav-cta{font-size:10px;padding:9px 11px}.header-inner{gap:7px}.hero h1{font-size:47px;letter-spacing:-1.8px}.hero-copy>p{font-size:14px}.hero-actions .btn{flex:1 1 130px;padding:11px}.hero-caption{font-size:9px;gap:8px}.hero-art{height:295px}.hero-notecard{min-height:245px;width:80%;padding:24px 20px}.note-heading{font-size:49px}.note-top{font-size:8px}.note-pills span{font-size:8px;padding:4px 7px}.circle-a{height:265px;width:265px}.circle-b{height:200px;width:200px}.italy-shape{font-size:32px;right:19px}.doodle{font-size:35px}.section-top h2{font-size:38px}.quiz-card{border-radius:17px}.quiz-status{font-size:9px}.quiz-panel h3{font-size:30px}.option{padding:13px 12px;font-size:13px}.option-letter{height:29px;width:29px}.quiz-actions .btn{font-size:11px;padding:11px 12px;min-height:44px}.result-intro h3{font-size:32px}.score-card{padding:25px}.score-big b{font-size:77px}.result-detail{padding:23px 17px}.topic-result{grid-template-columns:90px 1fr 27px;gap:6px}.topic-result>span{font-size:9px}.review-head{align-items:start}.review-head h4{font-size:19px}.text-btn{font-size:10px}.flash-widget{padding:16px}.flash-card{min-height:247px;padding:16px}.flash-card strong{font-size:32px}.flash-controls .btn{font-size:10px;padding:9px}.round-btn{height:38px;width:38px}.closing .btn{width:100%}.footer-inner>div:last-child{flex-wrap:wrap}}