:root{--bg:#f3f4ef;--ink:#151814;--muted:#686d65;--line:#d8dcd3;--green:#16a34a;--lime:#b7f34a;--red:#df5a4f;--white:#fff;--display:'Space Grotesk',sans-serif;--body:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);min-height:100vh;overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(1px);pointer-events:none;z-index:-1}.ambient-one{width:430px;height:430px;background:rgba(183,243,74,.18);top:-230px;right:-80px}.ambient-two{width:340px;height:340px;border:1px solid rgba(21,24,20,.07);bottom:-170px;left:-120px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font:700 14px var(--display);letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--lime);font-size:16px}.top-meta{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px rgba(22,163,74,.1)}main{width:min(1160px,88vw);margin:0 auto}.screen{display:none;min-height:calc(100vh - 150px)}.screen.active{display:block}.start-screen{padding:72px 0 54px}.eyebrow,.card-label,.result-kicker{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{display:inline-grid;place-items:center;border:1px solid var(--ink);width:29px;height:22px;border-radius:20px;margin-right:10px}.start-screen h1{font:600 clamp(48px,7vw,88px)/.95 var(--display);letter-spacing:-.055em;margin:30px 0 24px;max-width:950px}.start-screen h1 em{font-style:normal;color:var(--green)}.lead{font-size:16px;line-height:1.7;color:var(--muted);max-width:680px}.start-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:48px}.start-card,.topics{border:1px solid var(--line);border-radius:16px;padding:28px;background:rgba(255,255,255,.45)}.stats-row{display:flex;gap:48px;margin:30px 0}.stats-row div{display:flex;flex-direction:column}.stats-row strong{font:600 35px var(--display)}.stats-row span{font-size:11px;color:var(--muted);margin-top:3px}.primary-btn{border:0;background:var(--ink);color:white;border-radius:9px;padding:16px 20px;font:600 13px var(--body);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:40px;transition:.2s}.primary-btn:hover{background:var(--green);transform:translateY(-1px)}.primary-btn span{font-size:19px}.start-card .primary-btn{width:100%}.text-btn{background:none;border:0;width:100%;margin-top:12px;cursor:pointer;color:var(--green);font-weight:700}.topics ul{list-style:none;padding:15px 0 0;margin:0}.topics li{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:600}.topics li:last-child{border:0}.topics li span{font:500 10px var(--display);color:var(--green);margin-right:14px}.hidden{display:none!important}.quiz-screen{padding:34px 0 60px}.quiz-header{display:grid;grid-template-columns:42px 1fr 70px;gap:25px;align-items:center}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:transparent;border-radius:50%;cursor:pointer;font-size:18px}.progress-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:9px}.progress-track{height:3px;background:var(--line)}#progress-fill{height:100%;background:var(--green);transition:width .4s}.score-pill{justify-self:end;border:1px solid var(--line);border-radius:20px;padding:8px 14px;font-size:12px}.score-pill span{color:var(--green)}.question-panel{width:min(820px,100%);margin:52px auto 0}.question-meta{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted)}.difficulty{background:#e4e7df;color:#555c52;border-radius:20px;padding:6px 10px;font-size:9px;font-weight:700;letter-spacing:.1em}.difficulty.medium{background:#e5efd2;color:#52711a}.difficulty.hard{background:#fee6df;color:#a33d33}.question-panel h2{font:600 clamp(26px,3.3vw,42px)/1.18 var(--display);letter-spacing:-.025em;margin:25px 0 34px}.answers{display:grid;gap:11px}.answer{width:100%;display:grid;grid-template-columns:36px 1fr 24px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.55);padding:14px 16px;cursor:pointer;color:var(--ink);font:500 14px/1.45 var(--body);transition:.18s}.answer:hover:not(:disabled){border-color:#8b9186;background:white;transform:translateX(3px)}.answer-key{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:7px;font:600 11px var(--display)}.answer-state{font-size:17px;text-align:right}.answer.correct{border-color:var(--green);background:#edf9e7}.answer.correct .answer-key{background:var(--green);border-color:var(--green);color:#fff}.answer.wrong{border-color:var(--red);background:#fff0ed}.answer.wrong .answer-key{background:var(--red);border-color:var(--red);color:#fff}.answer:disabled{cursor:default}.explanation{margin-top:18px;border-left:3px solid var(--green);background:#e9eddf;padding:18px 20px;display:flex;gap:14px;border-radius:0 9px 9px 0}.explanation.wrong-exp{border-color:var(--red)}.explanation-icon{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font:600 12px var(--display)}.explanation-title{font-weight:700;font-size:13px}.explanation p{font-size:13px;line-height:1.6;color:#555b52;margin:6px 0 0}.next-btn{margin:22px 0 0 auto;min-width:230px}.result-screen{text-align:center;padding:60px 0}.result-kicker{color:var(--green)}.result-score{font:600 clamp(90px,15vw,160px)/1 var(--display);letter-spacing:-.07em;margin:24px 0 0}.result-score small{font-size:.3em;color:var(--green)}.result-screen h2{font:600 32px var(--display);margin:10px}.result-screen>p{color:var(--muted);max-width:600px;margin:0 auto 30px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:600px;margin:0 auto;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.5)}.result-stats div{padding:20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.result-stats div:last-child{border:0}.result-stats span{font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:.1em}.result-stats strong{font:600 26px var(--display)}.category-results{max-width:600px;margin:20px auto 28px;display:grid;gap:8px}.cat-result{display:grid;grid-template-columns:1fr 2fr 40px;gap:12px;align-items:center;text-align:left;font-size:11px}.cat-bar{height:5px;background:var(--line);border-radius:5px;overflow:hidden}.cat-bar i{display:block;height:100%;background:var(--green)}.result-screen .primary-btn{margin:auto;min-width:230px}footer{height:66px;border-top:1px solid var(--line);padding:0 6vw;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}@media(max-width:700px){.topbar{height:65px}.top-meta{display:none}main{width:90vw}.start-screen{padding-top:45px}.start-screen h1{font-size:48px}.start-grid{grid-template-columns:1fr;margin-top:32px}.stats-row{gap:20px;justify-content:space-between}.topics{display:none}.quiz-header{gap:12px}.question-panel{margin-top:38px}.question-panel h2{font-size:27px}.answer{grid-template-columns:34px 1fr 18px;padding:12px;font-size:13px}.next-btn{width:100%}.result-stats div{padding:14px 8px}.cat-result{grid-template-columns:100px 1fr 30px}footer span:last-child{display:none}}