:root{--ph-blue: #0038A8;--ph-blue-d: #002a7e;--ph-blue-l: #eaf0fc;--sun: #FCD116;--sun-deep: #c99e00;--sun-soft: #fff7d6;--ph-red: #CE1126;--paper: #f7f9fe;--card: #ffffff;--ink: #14213d;--ink-soft: #55607a;--line: #dfe6f3;--good: #15803d;--bad: #CE1126}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.55}.page{max-width:720px;margin:0 auto;padding:20px 16px 48px}.masthead{display:flex;align-items:center;gap:14px;padding:8px 0 20px}.seal{width:52px;height:52px;border-radius:50%;background:var(--ph-blue);color:var(--sun);display:grid;place-items:center;flex-shrink:0}.seal svg{width:34px;height:34px}.masthead h1{font-family:Poppins,sans-serif;font-weight:700;font-size:24px;margin:0;color:var(--ph-blue)}.tagline{margin:2px 0 0;color:var(--ink-soft);font-size:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 1px 3px #0038a812}.hero{border-top:4px solid var(--sun)}.hero h2{font-family:Poppins,sans-serif;font-weight:700;font-size:25px;margin:6px 0 10px;color:var(--ph-blue)}.hero .gold{color:var(--sun-deep)}.sub{color:var(--ink-soft);margin:0}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ph-red);margin:0 0 4px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.subject{text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}.subject:hover{border-color:var(--ph-blue);transform:translateY(-1px)}.subject h3{font-family:Poppins,sans-serif;font-weight:600;margin:0 0 6px;color:var(--ph-blue);font-size:16px}.subject p{margin:0 0 10px;font-size:13px;color:var(--ink-soft)}.count{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--sun-deep);font-weight:600}@media (max-width: 520px){.grid{grid-template-columns:1fr}}.quiz-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.linklike{background:none;border:none;color:var(--ph-blue);cursor:pointer;font-size:14px;padding:0}.counter{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--ink-soft)}.progress{height:5px;background:var(--line);border-radius:3px;margin-bottom:16px;overflow:hidden}.progress div{height:100%;background:var(--sun);transition:width .3s}.question{font-family:Poppins,sans-serif;font-weight:600;font-size:18px;margin:4px 0 16px;color:var(--ink)}.options{display:grid;gap:8px}.option{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--card);cursor:pointer;font-size:15px;font-family:inherit;transition:border-color .12s}.option:hover:not(:disabled){border-color:var(--ph-blue)}.option:disabled{cursor:default}.option.correct{border-color:var(--good);background:#f0fdf4}.option.wrong{border-color:var(--bad);background:#fef2f2}.opt-letter{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--ph-blue);display:grid;place-items:center;align-self:center;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;color:var(--ph-blue);flex-shrink:0;transition:background .12s,color .12s}.option.correct .opt-letter{background:var(--good);border-color:var(--good);color:#fff}.option.wrong .opt-letter{background:var(--bad);border-color:var(--bad);color:#fff}.explain{margin-top:14px;padding:12px 14px;background:var(--sun-soft);border-left:3px solid var(--sun);border-radius:0 10px 10px 0;font-size:14px}.explain.good{background:#f0fdf4;border-left-color:var(--good)}.btn{background:var(--ph-blue);color:#fff;border:none;border-radius:10px;padding:12px 18px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}.btn:hover{background:var(--ph-blue-d)}.btn.wide{width:100%;margin-top:14px}.btn.ghost{background:transparent;color:var(--ph-blue);border:1.5px solid var(--ph-blue)}.row{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}.result{text-align:center}.gauge{width:220px;max-width:100%;margin:8px auto 0;display:block}.gauge-pass{font-family:IBM Plex Mono,monospace;font-size:10px;fill:var(--ink-soft)}.score{font-family:Poppins,sans-serif;font-weight:700;font-size:44px;margin:4px 0;color:var(--ph-blue)}.verdict{color:var(--ink-soft);margin:0 0 6px}.verdict.pass{color:var(--good);font-weight:600}footer{margin-top:28px}footer p{font-size:12px;color:var(--ink-soft);text-align:center}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}.bubble.shade{background:var(--sun);border-color:var(--sun);color:var(--ph-blue-d)}}.hero{background:var(--ph-blue);border:none;border-radius:16px;padding:28px 24px;color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--sun)}.hero .eyebrow{color:var(--sun)}.hero h2{font-family:Poppins,sans-serif;font-weight:800;font-size:34px;line-height:1.12;letter-spacing:-.01em;margin:8px 0 12px;color:#fff}.hero .gold{color:var(--sun)}.hero .sub{color:#ffffffd1;font-size:15px;max-width:46ch}.sheet{display:flex;align-items:center;gap:10px;margin:20px 0 4px}.bubble{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.45);display:grid;place-items:center;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:500;color:#ffffffbf}.bubble.shade{animation:shadein .5s ease .9s forwards}@keyframes shadein{to{background:var(--sun);border-color:var(--sun);color:var(--ph-blue-d)}}.sheet-note{font-family:IBM Plex Mono,monospace;font-size:11px;color:#ffffff8c;margin-left:6px;letter-spacing:.06em}.stats{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);font-family:IBM Plex Mono,monospace;font-size:12px;color:#ffffffb3}.sbubble{width:30px;height:30px;border-radius:50%;border:2px solid;display:grid;place-items:center;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500;margin-bottom:10px;transition:background .15s,color .15s}.subject:nth-child(1) .sbubble{color:var(--ph-blue);border-color:var(--ph-blue)}.subject:nth-child(2) .sbubble{color:var(--ph-red);border-color:var(--ph-red)}.subject:nth-child(3) .sbubble{color:var(--sun-deep);border-color:var(--sun-deep)}.subject:nth-child(4) .sbubble{color:var(--ph-blue-d);border-color:var(--ph-blue-d)}.subject:nth-child(1):hover .sbubble{background:var(--ph-blue);color:#fff}.subject:nth-child(2):hover .sbubble{background:var(--ph-red);color:#fff}.subject:nth-child(3):hover .sbubble{background:var(--sun-deep);color:#fff}.subject:nth-child(4):hover .sbubble{background:var(--ph-blue-d);color:#fff}@media (max-width: 520px){.hero h2{font-size:28px}}.flagmark{position:absolute;right:-30px;top:50%;transform:translateY(-50%) rotate(-8deg);width:280px;opacity:.13;pointer-events:none}.hero>*:not(.flagmark){position:relative;z-index:1}@media (max-width: 520px){.flagmark{width:200px;right:-50px;opacity:.1}}.tricolor{display:flex;height:4px;border-radius:2px;overflow:hidden;max-width:220px;margin:0 auto 14px}.tricolor span:nth-child(1){flex:1;background:var(--ph-blue)}.tricolor span:nth-child(2){flex:1;background:var(--ph-red)}.tricolor span:nth-child(3){flex:1;background:var(--sun)}