@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@800&display=swap');
:root{--primary:#0A2F6B;--secondary:#1565FF;--white:#fff;--gray:#F4F6F8;--ink:#17233a;--muted:#61718a;--line:#dce3ed;--success:#2E7D32;--error:#C62828;--alert:#FF9800}*{box-sizing:border-box}html{background:var(--gray)}body{min-width:320px;margin:0;background:var(--gray);color:var(--ink);font-family:Inter,Arial,sans-serif}.app-shell{width:min(100% - 36px,1080px);min-height:100vh;margin:auto;padding:24px 0 90px}.app-watermark{position:fixed;z-index:0;top:50%;left:50%;width:min(46vw,420px);transform:translate(-50%,-42%);pointer-events:none;opacity:.05}.app-watermark img{width:100%}.site-header,main,.site-footer{position:relative;z-index:1}.site-header{height:69px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;background:var(--primary);border-radius:15px 15px 0 0}.brand img{display:block;width:210px;height:auto}.instagram{color:#dbeaff;font-size:.86rem;font-weight:700;text-decoration:none}.site-footer{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;padding:14px max(18px,calc((100vw - 1080px)/2));color:#dce7fa;background:var(--primary);font-size:.77rem}.site-footer a{color:#dce7fa;text-decoration:none}.is-hidden{display:none!important}.state-view{min-height:65vh;display:grid;place-content:center;text-align:center;color:var(--muted);background:#fff;border-radius:0 0 15px 15px}.spinner{width:36px;height:36px;margin:auto;border:4px solid #dce8f6;border-top-color:var(--secondary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-panel{max-width:500px;padding:35px}.error-panel h1{font:800 1.55rem Montserrat,Arial;color:var(--primary)}.error-panel input,.replace-data input{display:none}.view{min-height:calc(100vh - 160px)}.hero,.result-panel{padding:clamp(32px,7vw,72px);text-align:center;background:var(--white);border:1px solid var(--line);border-top:0;border-radius:0 0 15px 15px;box-shadow:0 13px 35px rgba(15,47,100,.08)}.eyebrow{display:inline-block;color:var(--secondary);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3{font-family:Montserrat,Arial,sans-serif}h1{margin:10px 0;font-size:clamp(1.8rem,4vw,2.65rem);color:var(--primary)}h2{line-height:1.42}.hero-description{max-width:640px;margin:18px auto 32px;color:var(--muted);line-height:1.65}.sim-info{display:grid;grid-template-columns:repeat(5,1fr);max-width:880px;margin:0 auto 33px;border:1px solid var(--line);border-radius:11px;overflow:hidden;text-align:left}.sim-info div{padding:16px;border-right:1px solid var(--line);background:#fafcff}.sim-info div:last-child{border:0}.sim-info dt{margin-bottom:7px;color:var(--muted);font-size:.71rem;text-transform:uppercase}.sim-info dd{margin:0;color:var(--primary);font-weight:700;font-size:.87rem}.button{border:1px solid transparent;border-radius:9px;padding:12px 18px;font:700 .9rem Inter,Arial;cursor:pointer;transition:transform .18s,background .18s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button-primary{color:#fff;background:var(--secondary);box-shadow:0 5px 14px rgba(21,101,255,.2)}.button-secondary{color:var(--primary);border-color:#afc5e3;background:#fff}.replace-data{display:block;width:max-content;margin:20px auto 0;color:var(--muted);font-size:.78rem;cursor:pointer}.replace-data code{color:var(--primary);font-weight:700}.quiz-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:23px}.quiz-toolbar h1{margin:4px 0;font-size:1.45rem}.timer{min-width:115px;padding:11px 14px;color:#fff;background:var(--primary);border-radius:9px;text-align:center}.progress-meta{display:flex;justify-content:space-between;margin:18px 0 8px;color:var(--muted);font-size:.84rem;font-weight:700}.progress{height:9px;overflow:hidden;background:#dce6f0;border-radius:20px}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width .25s}.question-card,.review-card{margin-top:20px;padding:clamp(20px,4vw,36px);border:1px solid var(--line);border-radius:14px;box-shadow:0 9px 22px rgba(15,47,100,.06)}.question-card{background:#eaf3fc;border-color:#d6e6f7}.review-card{background:#fff}.question-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.question-heading{display:flex;flex-direction:column;gap:3px}.question-discipline{color:var(--muted);font-size:.78rem;font-weight:700}.mark-button{padding:7px 10px;border:1px solid #d3dde9;border-radius:8px;background:#fff;color:var(--muted);font:600 .76rem Inter;cursor:pointer}.mark-button.is-marked{border-color:var(--alert);color:#9d5900;background:#fff8e9}.source-text{margin:19px 0;padding:17px 19px;border-left:4px solid #6da6ed;border-radius:0 9px 9px 0;background:#fff;color:#344a67;line-height:1.65;font-style:italic}.question-card h2,.review-card h2{font-size:1.08rem;text-align:justify;text-justify:inter-word}.options{display:grid;gap:9px;margin-top:23px}.option{display:flex;align-items:flex-start;gap:12px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:9px;line-height:1.45;cursor:pointer;text-align:justify;text-justify:inter-word}.option:hover,.option.is-selected{border-color:#75aaf0;background:#f3f8ff}.option input{margin-top:3px;accent-color:var(--secondary)}.option-letter{display:grid;flex:0 0 25px;place-items:center;height:25px;border-radius:50%;background:#dcebfe;color:var(--secondary);font-size:.76rem;font-weight:800}.feedback{margin-top:18px;padding:14px;border-radius:9px;line-height:1.5}.feedback-correct{background:#eaf5eb;color:#1d6230}.feedback-wrong{background:#fff0f0;color:#9a2929}.feedback-warning{background:#fff4e0;color:#8a5a00}.navigation-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:21px 0}.navigation-actions .button{flex:1 1 140px}.question-nav{display:block}.nav-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.nav-block+.nav-block{margin-top:16px}.nav-block h3{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0 0 8px;color:var(--primary);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.nav-block h3 small{color:var(--muted);font-size:.7rem;text-transform:none;letter-spacing:0;font-weight:600}.nav-item{width:34px;height:34px;border:1px solid #b8c9dd;border-radius:7px;background:#fff;color:#536d8e;font-weight:700;cursor:pointer}.nav-item.is-current{background:var(--primary);border-color:var(--primary);color:#fff}.nav-item.is-answered:not(.is-current){background:#eaf2ff;border-color:#a9c6f5;color:var(--secondary)}.nav-item.is-marked{box-shadow:inset 0 -3px 0 var(--alert)}
.exam-structure{max-width:880px;margin:26px auto 0;padding:20px 22px;text-align:left;background:#fafcff;border:1px solid var(--line);border-radius:11px}.exam-structure h2{margin:0 0 14px;font-size:1rem;color:var(--primary)}.exam-structure-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.exam-structure-block h3{margin:0 0 2px;font-size:.86rem;color:var(--primary)}.exam-structure-count{margin:0 0 8px;color:var(--muted);font-size:.76rem;font-weight:700}.exam-structure-block ul{margin:0;padding-left:18px;color:#425976;font-size:.83rem;line-height:1.6}.exam-structure-total{margin:14px 0 0;color:var(--muted);font-size:.78rem;font-weight:700;text-align:right}.exam-structure-notice{margin-top:16px;padding:13px 16px;background:#eaf3fc;border:1px solid #cfe1f5;border-radius:9px;color:#0A2F6B}.exam-structure-notice strong{display:block;margin-bottom:4px;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase}.exam-structure-notice p{margin:0;font-size:.81rem;line-height:1.55;color:#1c3a63}
.result-blocks{max-width:780px;margin:26px auto 0;text-align:left}.result-blocks h2{font-size:1.05rem;margin:18px 0 10px}.result-blocks h2:first-child{margin-top:0}.result-metrics-disciplines{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media(max-width:600px){.exam-structure{padding:16px}.exam-structure-grid{grid-template-columns:1fr}.exam-structure-notice{padding:12px 14px}.nav-grid .nav-item{width:30px;height:30px}}.finish-button{display:block;width:100%;margin-top:21px;padding:14px;border:0;border-radius:9px;color:#fff;background:var(--success);font-weight:800;cursor:pointer}.result-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;max-width:780px;margin:30px auto}.score{display:grid;place-content:center;width:182px;height:182px;margin:auto;border-radius:50%;background:radial-gradient(closest-side,#fff 79%,transparent 80% 100%),conic-gradient(var(--secondary) calc(var(--score)*1%),#dce7f2 0)}.score strong{font:800 2.6rem Montserrat;color:var(--primary)}.score span{font-size:.75rem;color:var(--muted)}.score-block h2{margin-bottom:5px}.score-block p{color:var(--muted);line-height:1.55}.performance-chart{text-align:left}.performance-chart h2{font-size:1.1rem}.chart-line{display:grid;grid-template-columns:58px 1fr 25px;gap:9px;align-items:center;margin:16px 0;font-size:.84rem}.chart-line>div{height:12px;overflow:hidden;background:#e0e8f1;border-radius:20px}.chart-line i{display:block;height:100%}.green{background:var(--success)}.red{background:var(--error)}.result-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.result-metrics span{padding:12px;background:#f4f8fc;color:var(--muted);font-size:.73rem;text-align:center}.result-metrics strong{display:block;margin-bottom:3px;color:var(--primary);font-size:1rem}.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.view-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 18px}.view-heading h1{margin:5px 0;font-size:1.6rem}.answer{padding:12px;border-radius:8px;line-height:1.5}.candidate{background:#fff0f0;color:#922c35}.correct{background:#e8f5e9;color:#1c6631}.result-question.is-correct .candidate{background:#e8f5e9;color:#1c6631}.comment{padding-top:15px;border-top:1px solid var(--line);line-height:1.6;color:#425976}.empty-state{padding:50px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:14px}.answer-key{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0;list-style:none}.answer-key li{padding:15px;background:#fff;border:1px solid var(--line);border-radius:9px;line-height:1.45}.answer-key strong{color:var(--primary)}.print-control{display:block;margin:22px auto}
@media(max-width:760px){.app-shell{width:min(100% - 20px,1080px);padding-top:10px}.site-header{height:58px;padding:0 13px}.brand img{width:170px}.instagram{font-size:.7rem}.sim-info{grid-template-columns:1fr 1fr}.sim-info div{border-bottom:1px solid var(--line)}.sim-info div:nth-child(2n){border-right:0}.result-layout{grid-template-columns:1fr;gap:20px}.performance-chart{max-width:420px;width:100%;margin:auto}.answer-key{grid-template-columns:1fr}.site-footer{font-size:.67rem;padding:12px 14px}.view-heading{align-items:flex-start;flex-direction:column;gap:10px}.view-heading .button{width:100%}}
@media(max-width:600px){.quiz-toolbar{flex-wrap:wrap;gap:10px}.quiz-toolbar h1{font-size:1.2rem;word-break:break-word}}
@media(max-width:440px){.brand img{width:145px}.instagram{font-size:.62rem}.hero{padding:35px 17px}.result-panel{padding:35px 17px calc(140px + env(safe-area-inset-bottom))}.question-card,.review-card{padding:22px 15px}.question-top{align-items:flex-start;flex-direction:column}.progress-meta{font-size:.73rem}.sim-info{grid-template-columns:1fr}.sim-info div{border-right:0}.navigation-actions .button{padding:11px}.site-footer{gap:5px;flex-direction:column;align-items:center}.app-shell{padding-bottom:105px}.question-card h2,.review-card h2,.option{-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:break-word;word-spacing:-.5px}}
@media(max-width:480px){.option{text-align:left}}
@media print{body{background:#fff}.app-watermark{opacity:.04}.site-header,.site-footer,.result-actions,.navigation-actions,.question-nav,.finish-button,.mark-button,.print-control{display:none!important}.app-shell{width:100%;padding:0}.view{min-height:auto}.question-card,.review-card,.answer-key li,.result-panel{box-shadow:none;break-inside:avoid}.result-panel{border:0}.source-text{background:#f4f6f8}.is-hidden{display:none!important}}