:root{--green:#063b2a;--green2:#0b5b3d;--lime:#92cf25;--cream:#f4f1e8;--ink:#10231c;--muted:#62716b;--white:#fff;--line:#dce5df;--red:#b9423b;--shadow:0 24px 60px rgba(4,43,29,.13)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(135deg,#f7f8f3,#e8f0e9);min-height:100vh}.topbar{height:86px;padding:10px clamp(22px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand,.mini-brand{display:flex;align-items:center;gap:12px}.brand img{width:62px;height:62px;object-fit:contain}.brand strong,.brand span{display:block}.brand strong{font-family:Georgia,serif;font-size:22px;color:var(--green)}.brand span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.badge{border:1px solid var(--green);color:var(--green);border-radius:999px;padding:9px 15px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em}main{min-height:calc(100vh - 140px)}.hero{max-width:1280px;margin:0 auto;padding:clamp(34px,6vw,86px) clamp(22px,5vw,70px);display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.eyebrow{font-weight:900;font-size:12px;letter-spacing:.2em;color:var(--green2)}h1{font-family:Georgia,serif;font-size:clamp(44px,6vw,78px);line-height:.98;margin:14px 0 24px;color:var(--green)}h1 em{font-style:italic;color:var(--green2)}.lead{font-size:19px;line-height:1.65;color:#3f5049;max-width:720px}.warning{margin:28px 0;background:#fff;border-left:5px solid var(--lime);box-shadow:var(--shadow);padding:19px 20px;border-radius:0 14px 14px 0}.warning strong,.warning span{display:block}.warning span{margin-top:6px;line-height:1.5;color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.facts div{padding:14px;background:rgba(255,255,255,.66);border:1px solid var(--line);border-radius:14px}.facts b,.facts span{display:block}.facts b{color:var(--green);font-size:22px}.facts span{font-size:12px;color:var(--muted);margin-top:3px}.name-label{display:block;font-weight:800;margin:25px 0 12px}.name-label input{display:block;width:100%;max-width:470px;margin-top:8px;border:1px solid #bfcfc5;border-radius:12px;padding:16px;font-size:16px;background:#fff}.primary,.secondary{border:0;border-radius:12px;padding:16px 20px;font-size:15px;font-weight:850;cursor:pointer}.primary{background:var(--green);color:#fff;box-shadow:0 8px 20px rgba(6,59,42,.2)}.primary:hover{background:var(--green2);transform:translateY(-1px)}.secondary{background:#edf2ef;color:var(--green)}.hero-visual{position:relative;min-height:620px}.hero-visual>img{width:100%;height:620px;object-fit:cover;border-radius:38px 8px 38px 8px;box-shadow:var(--shadow);filter:saturate(.88)}.hero-visual:after{content:"";position:absolute;inset:28px -25px -25px 28px;border:2px solid var(--lime);border-radius:38px 8px 38px 8px;z-index:-1}.floating-card{position:absolute;left:-45px;bottom:38px;background:var(--green);color:#fff;padding:20px 24px;border-radius:18px;box-shadow:var(--shadow)}.floating-card span,.floating-card strong{display:block}.floating-card span{font-size:11px;color:#b9d9c9;letter-spacing:.15em;text-transform:uppercase}.floating-card strong{margin-top:4px}.hidden{display:none!important}.exam{max-width:1300px;margin:35px auto;padding:0 24px;display:grid;grid-template-columns:260px 1fr;gap:30px}.exam-side{background:var(--green);color:#fff;border-radius:24px;padding:26px;text-align:center;align-self:start;position:sticky;top:20px}.mini-brand img{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:50%}.mini-brand span{font-family:Georgia,serif}.progress-ring{--p:0;display:grid;place-items:center;width:150px;height:150px;margin:38px auto 22px;border-radius:50%;background:conic-gradient(var(--lime) calc(var(--p)*1%),rgba(255,255,255,.15) 0);position:relative}.progress-ring:before{content:"";position:absolute;inset:12px;background:var(--green);border-radius:50%}.progress-ring span{z-index:1;font-size:29px;font-weight:900}.exam-side p span{color:#bad2c7}.legend{margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:10px;text-align:left;font-size:12px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.dot.answered{background:var(--lime)}.dot.current{border:2px solid #fff}.question-shell{background:#fff;border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.question-image{height:260px;position:relative;background:#dce6df}.question-image img{width:100%;height:100%;object-fit:cover}.question-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,45,30,.62),transparent 65%)}.question-image span{position:absolute;left:28px;bottom:24px;color:#fff;font-weight:900;letter-spacing:.18em;font-size:12px;z-index:1}.question-card{padding:clamp(24px,4vw,52px)}.question-number{font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--green2)}.question-card h2{font-family:Georgia,serif;font-size:clamp(27px,3vw,38px);line-height:1.18;margin:10px 0 28px}.answers{display:grid;gap:12px}.answer{width:100%;text-align:left;border:1px solid var(--line);background:#fbfcfa;border-radius:14px;padding:17px 18px;display:flex;align-items:center;gap:14px;font-size:15px;color:var(--ink);cursor:pointer}.answer:hover{border-color:#85a994;background:#f4f8f5}.answer.selected{border:2px solid var(--green2);background:#eaf4ed}.answer i{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#e6ede8;font-style:normal;font-weight:900;color:var(--green)}.answer.selected i{background:var(--green);color:#fff}.nav{display:flex;justify-content:space-between;margin-top:32px}.result{max-width:980px;margin:45px auto;padding:55px 28px;text-align:center;position:relative}.result-logo{width:100px;height:100px;object-fit:contain}.result h1{font-size:clamp(40px,6vw,70px)}.score{width:180px;height:180px;border-radius:50%;margin:26px auto;background:var(--green);color:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 0 12px #dcebd4}.score span{font-size:44px;font-weight:900}.score small{color:#c8ddcf}.certificate{margin:45px auto;background:#fff;border:12px double var(--green);padding:45px;max-width:720px;box-shadow:var(--shadow)}.certificate>span{letter-spacing:.2em;font-weight:900;color:var(--green2)}.certificate h2{font-family:Georgia,serif;font-size:40px;margin:12px}.certificate strong{font-family:Georgia,serif;font-size:32px;display:block;margin:15px}.certificate h3{color:var(--green);letter-spacing:.15em}.review{text-align:left;display:grid;gap:10px;margin:35px auto;max-width:760px}.review-item{background:#fff;padding:16px 18px;border-radius:12px;border-left:5px solid var(--red)}.review-item strong{display:block;margin-bottom:5px}.review-item span{color:var(--muted);font-size:14px}.result .primary{margin-top:25px}#confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti{position:absolute;width:9px;height:16px;top:-20px;animation:fall 3.8s linear infinite}@keyframes fall{to{transform:translateY(800px) rotate(720deg)}}footer{text-align:center;padding:25px;color:#718078;font-size:12px}@media(max-width:850px){.topbar{height:72px}.brand img{width:48px;height:48px}.brand strong{font-size:17px}.badge{display:none}.hero{grid-template-columns:1fr;gap:38px}.hero-visual{min-height:370px}.hero-visual>img{height:370px}.floating-card{left:18px}.exam{grid-template-columns:1fr;margin-top:16px}.exam-side{position:static;display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;padding:16px}.progress-ring{width:86px;height:86px;margin:0}.exam-side>p,.legend{display:none}.question-image{height:190px}}@media(max-width:520px){h1{font-size:43px}.hero{padding-top:35px}.facts{grid-template-columns:1fr}.hero-visual{display:none}.exam{padding:0 10px}.exam-side{grid-template-columns:1fr 80px}.mini-brand span{display:none}.progress-ring{width:72px;height:72px}.question-card{padding:24px 18px}.question-card h2{font-size:26px}.answer{padding:14px}.nav{gap:10px}.nav button{flex:1;padding:14px 8px}.certificate{padding:24px 14px}.certificate h2{font-size:31px}}