: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:linear-gradient(180deg,#eef4ff 0%,var(--paper) 320px);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.55}.page{max-width:780px;margin:0 auto;padding:20px 16px 48px;position:relative;z-index:1}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20300%20200%22%3E%3Crect%20width%3D%22300%22%20height%3D%22100%22%20fill%3D%22%230038A8%22%2F%3E%3Crect%20y%3D%22100%22%20width%3D%22300%22%20height%3D%22100%22%20fill%3D%22%23CE1126%22%2F%3E%3Cpolygon%20points%3D%220%2C0%20173%2C100%200%2C200%22%20fill%3D%22%23ffffff%22%2F%3E%3Cg%20fill%3D%22%23FCD116%22%3E%3Ccircle%20cx%3D%2262%22%20cy%3D%22100%22%20r%3D%2217%22%2F%3E%3Cpolygon%20points%3D%2262%2C68%2058%2C84%2066%2C84%22%20transform%3D%22rotate%280%2062%20100%29%22%2F%3E%3Cpolygon%20points%3D%2262%2C68%2058%2C84%2066%2C84%22%20transform%3D%22rotate%2845%2062%20100%29%22%2F%3E%3Cpolygon%20points%3D%2262%2C68%2058%2C84%2066%2C84%22%20transform%3D%22rotate%2890%2062%20100%29%22%2F%3E%3Cpolygon%20points%3D%2262%2C68%2058%2C84%2066%2C84%22%20transform%3D%22rotate%28135%2062%20100%29%22%2F%3E%3Cpolygon%20points%3D%2262%2C68%2058%2C84%2066%2C84%22%20transform%3D%22rotate%28180%2062%20100%29%22%2F%3E%3Cpolygon%20points%3D%2262%2C68%2058%2C84%2066%2C84%22%20transform%3D%22rotate%28225%2062%20100%29%22%2F%3E%3Cpolygon%20points%3D%2262%2C68%2058%2C84%2066%2C84%22%20transform%3D%22rotate%28270%2062%20100%29%22%2F%3E%3Cpolygon%20points%3D%2262%2C68%2058%2C84%2066%2C84%22%20transform%3D%22rotate%28315%2062%20100%29%22%2F%3E%3Cpolygon%20points%3D%2220.0%2C13.0%2022.1%2C19.1%2028.6%2C19.2%2023.4%2C23.1%2025.3%2C29.3%2020.0%2C25.6%2014.7%2C29.3%2016.6%2C23.1%2011.4%2C19.2%2017.9%2C19.1%22%2F%3E%3Cpolygon%20points%3D%2220.0%2C169.0%2022.1%2C175.1%2028.6%2C175.2%2023.4%2C179.1%2025.3%2C185.3%2020.0%2C181.6%2014.7%2C185.3%2016.6%2C179.1%2011.4%2C175.2%2017.9%2C175.1%22%2F%3E%3Cpolygon%20points%3D%22140.0%2C91.0%20142.1%2C97.1%20148.6%2C97.2%20143.4%2C101.1%20145.3%2C107.3%20140.0%2C103.6%20134.7%2C107.3%20136.6%2C101.1%20131.4%2C97.2%20137.9%2C97.1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) center / 950px no-repeat;opacity:.05;transform:rotate(-8deg);pointer-events:none;z-index:0}.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:#ffffffed;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)}.grid{margin-top:8px}.subject{border-top:3px solid transparent}.subject:nth-child(1){border-top-color:var(--ph-blue);background:#f3f8ffed}.subject:nth-child(2){border-top-color:var(--ph-red);background:#fff6f7ed}.subject:nth-child(3){border-top-color:var(--sun);background:#fffbe8ed}.subject:nth-child(4){border-top-color:var(--ph-blue-d);background:#f0f4ffed}.subject:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0038a81a}.pick{display:flex;align-items:center;gap:12px;margin:18px 0 0;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.14em;color:var(--ink-soft)}.pick:before,.pick:after{content:"";flex:1;height:1px;background:var(--line)}.btn.share{background:var(--sun);color:var(--ph-blue-d)}.btn.share:hover{background:var(--sun-deep);color:#fff}.tally{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--ink-soft);margin:0 0 8px}.subject{position:relative}.best{position:absolute;top:16px;right:16px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;color:var(--ink-soft);background:#0000000d;padding:3px 8px;border-radius:999px}.best.pass{color:#fff;background:var(--good)}.progress-card{margin-top:12px}.progress-head{display:flex;justify-content:space-between;align-items:baseline}.attempts{list-style:none;margin:10px 0 6px;padding:0;display:grid;gap:8px}.attempts li{display:flex;align-items:baseline;gap:10px;font-size:14px;border-bottom:1px dashed var(--line);padding-bottom:8px}.attempts li:last-child{border-bottom:none}.dot{width:9px;height:9px;border-radius:50%;background:var(--line);align-self:center;flex-shrink:0}.dot.pass{background:var(--good)}.a-subj{flex:1;font-weight:500}.a-score{font-family:IBM Plex Mono,monospace;font-weight:600;color:var(--ph-blue)}.a-meta{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--ink-soft)}.a-note{font-size:12px;color:var(--ink-soft);margin:4px 0 0}.agency{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.1em;color:#fff;background:var(--ph-blue);padding:3px 8px;border-radius:999px;margin-bottom:10px}.exam-card:disabled{opacity:.6;cursor:default}.exam-card:disabled:hover{transform:none;box-shadow:none}.exam-card:nth-child(odd) .agency{background:var(--ph-blue)}.exam-card:nth-child(2n) .agency{background:var(--ph-red)}.option.selected{border-color:var(--ph-blue);background:#eef4ff}.option.selected .opt-letter{background:var(--ph-blue);color:#fff}.btn.wide:disabled{opacity:.45;cursor:default}.review{text-align:left;margin-top:26px}.rev-item{border-left:3px solid var(--bad);background:#fff8f8;border-radius:0 10px 10px 0;padding:12px 14px;margin-top:12px}.rev-item.good{border-left-color:var(--good);background:#f6fdf8}.rev-q{margin:0 0 6px;font-weight:600}.rev-num{color:var(--ink-soft);font-family:IBM Plex Mono,monospace;font-weight:500}.rev-a{margin:0 0 2px;font-size:14px}.rev-a.correct-a{color:var(--good)}.rev-x{margin:6px 0 0;font-size:13px;color:var(--ink-soft)}