:root{--lilac:#6B4C9F;--lilac-dark:#503778;--lime:#8AC443;--lime-soft:#eff8df;--ink:#2d2440;--mist:#f5f1fb;font-family:Cairo,Tahoma,Arial,sans-serif;color:var(--ink);background:var(--mist)}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 8% 8%,#dff1c5 0,transparent 29%),radial-gradient(circle at 92% 88%,#ded2f1 0,transparent 35%),linear-gradient(135deg,#fbf9fe,#f3f8eb)}button{font:inherit;cursor:pointer}.shell{width:min(100%,960px);min-height:100dvh;margin:auto;padding:24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;color:var(--lilac)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:var(--lilac);color:#fff}.hero,.panel{margin:auto;width:min(100%,760px)}.hero h1,.panel h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.2;margin:.35rem 0 1rem}.hero>p:not(.eyebrow),.panel>p{font-size:clamp(1.1rem,2.2vw,1.4rem);line-height:1.65;margin:0 0 1.5rem}.eyebrow{font-size:1rem!important;font-weight:700;color:#628e28;margin:0!important}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:28px}.quiz-card,.panel{border:1px solid #e0d7ee;background:rgba(255,255,255,.91);box-shadow:0 18px 45px #4f38751c;border-radius:24px}.quiz-card{min-height:165px;padding:20px;text-align:right;color:var(--ink);display:flex;flex-direction:column;gap:8px;transition:transform .18s,box-shadow .18s,border .18s}.quiz-card:hover,.quiz-card:focus-visible{transform:translateY(-4px);border-color:var(--lilac);box-shadow:0 22px 40px #4f38752b}.quiz-card span{color:var(--lilac);font-weight:700}.quiz-card strong{font-size:1.28rem}.quiz-card small{font-size:1rem;line-height:1.45}.panel{padding:clamp(25px,6vw,60px);text-align:center}.start{max-width:620px}.facts{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:25px 0}.facts span{background:var(--lime-soft);color:#567d20;border-radius:99px;padding:8px 13px;font-weight:700}.primary,.secondary,.text-button,.back{border:0;border-radius:16px;padding:16px 24px;font-weight:800;font-size:1.12rem}.primary{background:var(--lilac);color:#fff;width:min(100%,420px);min-height:58px;box-shadow:0 8px 18px #6b4c9f37}.primary:hover{background:var(--lilac-dark)}.secondary{display:block;margin:13px auto;background:var(--lime-soft);color:#527b1e;width:min(100%,420px)}.text-button,.back{background:transparent;color:var(--lilac);text-decoration:underline;margin-top:12px}.progress-row{text-align:right;font-weight:700;color:var(--lilac);margin-bottom:30px}.progress{height:8px;border-radius:99px;background:#e8e0f2;margin-top:9px;overflow:hidden}.progress i{display:block;height:100%;background:var(--lime);border-radius:inherit;transition:width .3s ease}.question{animation:enter .2s ease-out}.question h1{font-size:clamp(1.75rem,4.4vw,3rem)}.answers{display:grid;gap:13px;text-align:right}.answer{border:2px solid #e2dcee;background:#fff;color:var(--ink);border-radius:17px;padding:19px 22px;min-height:64px;text-align:right;font-size:clamp(1.08rem,2.5vw,1.35rem);font-weight:700;transition:background .15s,border .15s,transform .15s}.answer:hover,.answer:focus-visible{border-color:var(--lilac);background:#f8f5fc;transform:scale(1.01)}.back{float:right}.back:disabled{visibility:hidden}.muted{color:#716784;font-size:1rem!important}.result-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;margin:0 auto 20px;background:var(--lime-soft);color:#6c9f2d;font-size:2.4rem}.result h1{color:var(--lilac)}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:540px){.shell{padding:16px}.panel{border-radius:20px;padding:28px 20px}.quiz-grid{grid-template-columns:1fr}.answer{padding:17px}.brand{margin-bottom:12px}}@media(min-width:800px){.answer{min-height:76px}}