:root{--saffron:#f28c28;--green:#138b57;--navy:#123b70;--ink:#18243a;--paper:#fffaf0;--muted:#667085;--line:#e8dfcf;--white:#fff}*{box-sizing:border-box}html{background:#f5eddd}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,ui-rounded,"Trebuchet MS",system-ui,sans-serif;background:radial-gradient(circle at 8% 14%,#f7ad5e25 0 12rem,transparent 12.1rem),radial-gradient(circle at 91% 28%,#42a97820 0 15rem,transparent 15.1rem),var(--paper)}button,a{font:inherit}.flag-line{height:6px;display:grid;grid-template-columns:1fr 1fr 1fr}.flag-line i:nth-child(1){background:var(--saffron)}.flag-line i:nth-child(2){background:#fff}.flag-line i:nth-child(3){background:var(--green)}.topbar{height:70px;max-width:1120px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.back{color:var(--ink);font-weight:850;text-decoration:none}.sound{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--navy);background:#fff;cursor:pointer;font-weight:900}.screen{max-width:1060px;margin:auto;padding:36px 24px 70px}.home-screen{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px 60px}.hero-copy{padding:36px 0}.kicker{margin:0 0 10px;color:var(--saffron);font-size:13px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.hero-copy h1,.result-screen h1{margin:0;font-family:Georgia,serif;font-size:clamp(48px,8vw,84px);line-height:.93;letter-spacing:-.055em}.hero-copy h1 span{color:var(--green)}.hero-copy>p:not(.kicker){max-width:650px;color:var(--muted);font-size:18px;line-height:1.6}.hero-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-stats span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff8;font-size:13px}.hero-stats b{color:var(--navy)}.chakra-wrap{position:relative;display:grid;place-items:center;min-height:280px}.chakra-wrap span{position:absolute;width:88px;height:88px;display:grid;place-items:center;border-radius:50%;color:var(--navy);background:var(--paper);font:800 20px Georgia}.chakra{width:240px;height:240px;border:8px solid var(--navy);border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--navy) 0 1.2deg,transparent 1.2deg 15deg);animation:turn 60s linear infinite}.chakra:after{content:"";position:absolute;inset:50%;width:26px;height:26px;border-radius:50%;background:var(--navy);transform:translate(-50%,-50%)}@keyframes turn{to{transform:rotate(360deg)}}.levels-head{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line);padding-top:35px}.levels-head h2{margin:0;font:700 34px Georgia}.levels-head>p{color:var(--green);font-weight:800}.level-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.level-card{position:relative;min-height:180px;padding:20px;text-align:left;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:#fff;cursor:pointer;transition:.2s transform,.2s box-shadow,.2s border}.level-card:hover:not(:disabled),.level-card:focus-visible:not(:disabled){transform:translateY(-4px);border-color:var(--saffron);box-shadow:0 14px 35px #8c6d3b20}.level-card:disabled{cursor:not-allowed;opacity:.55;background:#eeeae1}.level-card .number{display:grid;place-items:center;width:38px;height:38px;margin-bottom:20px;border-radius:50%;color:white;background:var(--navy);font-weight:900}.level-card h3{margin:0 0 7px;font-size:17px}.level-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.level-card .status{position:absolute;right:16px;top:17px;font-size:14px}.level-card.completed{border-color:#8fd0b0}.level-card.completed .number{background:var(--green)}.quiz-screen{max-width:850px}.quiz-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px}.text-btn{justify-self:start;border:0;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.level-label{text-align:center}.level-label span{display:block;color:var(--saffron);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.level-label b{font-family:Georgia,serif}.score-pill{justify-self:end;padding:9px 14px;border-radius:999px;color:var(--muted);background:#fff;border:1px solid var(--line);font-size:13px}.score-pill b{color:var(--green);font-size:17px}.progress-track{height:6px;margin:28px 0 12px;overflow:hidden;border-radius:9px;background:#e7dfd1}.progress-track i{display:block;width:10%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--saffron),var(--green));transition:width .3s}.question-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:800}.question-card{position:relative;margin-top:18px;padding:44px clamp(22px,6vw,64px);border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 22px 70px #61491e10}.mini-chakra{position:absolute;right:25px;top:20px;color:#123b7020;font-size:48px}.question-card h2{max-width:650px;margin:0 0 32px;font:700 clamp(25px,4vw,36px)/1.2 Georgia,serif}.answers{display:grid;grid-template-columns:1fr 1fr;gap:13px}.answer{display:flex;align-items:center;gap:13px;min-height:64px;padding:13px 16px;text-align:left;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#fff;cursor:pointer;font-weight:750}.answer:hover:not(:disabled){border-color:var(--navy);background:#f6f9ff}.answer i{flex:0 0 31px;height:31px;display:grid;place-items:center;border-radius:50%;font-style:normal;color:var(--navy);background:#edf2f9}.answer.correct{color:#09633c;border-color:#2a9a66;background:#edf9f2}.answer.wrong{color:#9d3128;border-color:#d75b51;background:#fff0ed}.answer:disabled{cursor:default}.explanation{margin-top:20px;padding:14px 16px;border-left:4px solid var(--saffron);border-radius:5px;background:#fff6e8;color:#604c31;line-height:1.45}.primary-btn,.secondary-btn{min-height:50px;padding:0 23px;border-radius:999px;font-weight:900;cursor:pointer}.primary-btn{border:0;color:#fff;background:var(--navy);box-shadow:0 8px 20px #123b7030}.question-card>.primary-btn{display:block;margin:24px 0 0 auto}.secondary-btn{border:1px solid var(--line);color:var(--ink);background:white}.result-screen{max-width:700px;text-align:center}.result-icon{margin:25px auto 20px;font-size:68px}.result-screen h1{font-size:clamp(48px,7vw,72px)}.result-screen>p:not(.kicker){max-width:530px;margin:18px auto;color:var(--muted);font-size:18px;line-height:1.5}.result-score{margin:28px auto;display:flex;align-items:baseline;justify-content:center;color:var(--muted)}.result-score strong{color:var(--green);font:700 76px Georgia}.result-score span{font-size:24px}.result-actions{display:flex;justify-content:center;gap:12px}footer{display:flex;justify-content:space-between;max-width:1060px;margin:auto;padding:28px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}body.answered .chakra{animation-duration:12s}@media(max-width:800px){.home-screen{grid-template-columns:1fr}.chakra-wrap{display:none}.level-grid{grid-template-columns:repeat(2,1fr)}.hero-copy{padding:20px 0}.levels-head{grid-column:1}.level-grid{grid-column:1}}@media(max-width:560px){.topbar{height:58px;padding:0 16px}.screen{padding:22px 16px 50px}.hero-copy h1{font-size:51px}.hero-copy>p:not(.kicker){font-size:16px}.levels-head{align-items:start}.levels-head>p{font-size:12px}.level-card{min-height:166px;padding:16px}.answers{grid-template-columns:1fr}.question-card{padding:34px 18px}.question-card h2{font-size:25px;padding-right:20px}.quiz-top{grid-template-columns:1fr 1fr}.level-label{display:none}.result-actions{flex-direction:column}.result-actions button{width:100%}footer{flex-direction:column;gap:10px}.back span{display:none}}@media(prefers-reduced-motion:reduce){.chakra{animation:none}*{scroll-behavior:auto!important}}
.chakra{position:relative}