:root{--navy:#0a0e14;--navy-raised:#111724;--navy-border:#1e2735;--orange:#fc8c21;--orange-soft:#fc8c211f;--text:#e8ecf3;--text-dim:#93a0b4;--ok:#3ecf8e;--ok-soft:#3ecf8e1f;--ko:#f2555a;--ko-soft:#f2555a1f;--sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--navy);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.55}.container{max-width:780px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.brand{align-items:center;gap:.75rem;display:flex}.brand .brand-logo{width:auto;height:26px;display:block}.brand .brand-tag{font-family:var(--mono);letter-spacing:.08em;color:var(--orange);text-transform:uppercase;border-left:1px solid var(--navy-border);padding-left:.75rem;font-size:.8rem}.page-title{letter-spacing:-.01em;margin:.5rem 0 .35rem;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700}.page-subtitle{color:var(--text-dim);max-width:56ch}.test-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:2rem;display:grid}.test-card{background:var(--navy-raised);border:1px solid var(--navy-border);text-align:left;color:var(--text);font-family:var(--sans);cursor:pointer;border-radius:12px;padding:1.5rem;transition:border-color .15s,transform .15s}.test-card:hover,.test-card:focus-visible{border-color:var(--orange);outline:none;transform:translateY(-2px)}.test-card .card-kicker{font-family:var(--mono);color:var(--orange);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.test-card h2{margin:.5rem 0 .4rem;font-size:1.15rem}.test-card p{color:var(--text-dim);font-size:.92rem}.test-card .card-meta{font-family:var(--mono);color:var(--orange);background:var(--orange-soft);border-radius:999px;margin-top:.9rem;padding:.2rem .6rem;font-size:.78rem;display:inline-block}.material{margin-top:3rem}.section-title{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--navy-border);margin-bottom:1rem;padding-bottom:.5rem;font-size:.85rem}.material-list{flex-direction:column;gap:.6rem;display:flex}.material-row{background:var(--navy-raised);border:1px solid var(--navy-border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;display:flex}.material-row .material-name{font-weight:500}.material-row .material-langs{gap:.5rem;display:flex}.lang-link{font-family:var(--mono);color:var(--orange);border:1px solid var(--navy-border);border-radius:6px;padding:.3rem .7rem;font-size:.8rem;text-decoration:none;transition:border-color .15s,background .15s}.lang-link:hover,.lang-link:focus-visible{border-color:var(--orange);background:var(--orange-soft);outline:none}.quiz-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.quiz-title{font-size:1.1rem;font-weight:600}.quiz-progress{font-family:var(--mono);color:var(--text-dim);font-size:.85rem}.progress-bar{background:var(--navy-border);border-radius:999px;height:4px;margin:.9rem 0 2rem;overflow:hidden}.progress-bar .progress-fill{background:var(--orange);border-radius:999px;height:100%;transition:width .25s}.question-block{font-family:var(--mono);color:var(--orange);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.question-text{margin:.6rem 0 1.4rem;font-size:1.2rem;font-weight:600}.options{flex-direction:column;gap:.7rem;display:flex}.option{text-align:left;background:var(--navy-raised);border:1px solid var(--navy-border);width:100%;color:var(--text);font-family:var(--sans);cursor:pointer;border-radius:10px;align-items:flex-start;gap:.9rem;padding:.9rem 1.05rem;font-size:.97rem;line-height:1.5;transition:border-color .15s,background .15s;display:flex}.option:hover:not(:disabled),.option:focus-visible{border-color:var(--orange);outline:none}.option:disabled{cursor:default}.option .option-letter{font-family:var(--mono);color:var(--text-dim);flex-shrink:0;font-weight:600}.option.is-correct{border-color:var(--ok);background:var(--ok-soft)}.option.is-correct .option-letter{color:var(--ok)}.option.is-wrong{border-color:var(--ko);background:var(--ko-soft)}.option.is-wrong .option-letter{color:var(--ko)}.option.is-faded{opacity:.45}.feedback{border:1px solid var(--navy-border);background:var(--navy-raised);border-radius:10px;margin-top:1.4rem;padding:1.1rem 1.2rem}.feedback .feedback-verdict{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;font-weight:600}.feedback.is-ok .feedback-verdict{color:var(--ok)}.feedback.is-ko .feedback-verdict{color:var(--ko)}.feedback .feedback-explanation{color:var(--text-dim);margin-top:.5rem;font-size:.94rem}.quiz-actions{justify-content:flex-end;margin-top:1.6rem;display:flex}.btn{font-family:var(--sans);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.65rem 1.4rem;font-size:.95rem;font-weight:600;transition:filter .15s,border-color .15s}.btn-primary{background:var(--orange);color:#14100a}.btn-primary:hover,.btn-primary:focus-visible{filter:brightness(1.1);outline:none}.btn-ghost{color:var(--text-dim);border-color:var(--navy-border);background:0 0}.btn-ghost:hover,.btn-ghost:focus-visible{border-color:var(--orange);color:var(--orange);outline:none}.btn-back{color:var(--text-dim);font-family:var(--mono);cursor:pointer;background:0 0;border:none;margin-bottom:1.6rem;padding:0;font-size:.82rem}.btn-back:hover,.btn-back:focus-visible{color:var(--orange);outline:none}.summary{text-align:center;padding-top:1rem}.summary-score{font-family:var(--mono);color:var(--orange);font-size:clamp(2.4rem,8vw,3.6rem);font-weight:600}.summary-percent{font-family:var(--mono);color:var(--text-dim);margin-top:.2rem;font-size:1.1rem}.summary-message{max-width:52ch;color:var(--text);margin:1.4rem auto 0}.summary-blocks{text-align:left;flex-direction:column;gap:.55rem;max-width:460px;margin:2.2rem auto 0;display:flex}.block-row{background:var(--navy-raised);border:1px solid var(--navy-border);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .9rem;font-size:.9rem;display:flex}.block-row .block-score{font-family:var(--mono);color:var(--text-dim);flex-shrink:0;font-size:.85rem}.block-row.is-weak{border-color:var(--orange)}.block-row.is-weak .block-score{color:var(--orange)}.summary-actions{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:2.4rem;display:flex}.footer{border-top:1px solid var(--navy-border);font-family:var(--mono);color:var(--text-dim);margin-top:4rem;padding-top:1.2rem;font-size:.75rem}