:root{--ob-navy:#0b2145;--ob-blue:#1266c5;--ob-gold:#ffb800;--ob-text:#10213d;--ob-muted:#66748a;--ob-line:#dce5ef;--ob-soft:#f5f8fc;--ob-green:#237a45;--ob-red:#a73e3e;--ob-shadow:0 14px 40px rgba(12,38,75,.09)}
[hidden]{display:none!important}*{box-sizing:border-box}.ob-wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.ob-kicker{display:block;font-size:11px;font-weight:900;letter-spacing:.14em;color:#2476cb}.ob-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:0;border-radius:13px;font:900 14px/1 Nunito,sans-serif;text-decoration:none;cursor:pointer;transition:.16s ease}.ob-btn:disabled{opacity:.45;cursor:not-allowed}.ob-btn-primary{background:var(--ob-gold);color:#2a2400;box-shadow:0 7px 18px rgba(255,184,0,.2)}.ob-btn-secondary{background:#eef4fb;color:var(--ob-navy);border:1px solid #d9e5f2}
.ob-topbar{background:#fff;border-bottom:1px solid #e6edf5}.ob-topbar-row{min-height:62px;display:flex;align-items:center;gap:18px}.ob-brand{display:flex;align-items:center;gap:9px;color:var(--ob-navy);text-decoration:none;font-weight:900}.ob-brand>span{width:35px;height:35px;border-radius:10px;background:var(--ob-navy);color:#fff;display:grid;place-items:center}.ob-top-cta{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 17px;border-radius:12px;background:var(--ob-blue);color:#fff;text-decoration:none;font-weight:900;font-size:14px}
.ob-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#071a38 0%,#0b2e5e 58%,#0c5792 100%);color:#fff;padding:56px 0 50px}.ob-hero:before{content:"";position:absolute;width:390px;height:390px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-110px;top:-150px}.ob-hero-content{position:relative;z-index:1;max-width:850px}.ob-hero .ob-kicker{color:#7fd6ff}.ob-hero h1{font-size:clamp(36px,5.4vw,62px);line-height:1.02;letter-spacing:-.04em;margin:12px 0 14px;font-weight:900}.ob-hero h1 em{font-style:normal;color:#7cd5ff}.ob-hero p{max-width:790px;font-size:18px;line-height:1.5;color:#d9e8fa;margin:0}.ob-hero-actions{margin-top:23px}.ob-hero-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.ob-hero-metrics span{font-size:12px;font-weight:900;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.06)}
.ob-section{padding:50px 0}.ob-section-soft{background:var(--ob-soft)}.ob-section-head{max-width:760px;margin-bottom:22px}.ob-section-head h2{margin:7px 0 7px;color:var(--ob-navy);font-size:clamp(28px,3.5vw,40px);letter-spacing:-.03em;line-height:1.08}.ob-section-head p{margin:0;color:var(--ob-muted);font-size:15px;line-height:1.5}
.ob-builder{background:#fff;border:1px solid var(--ob-line);border-radius:22px;box-shadow:var(--ob-shadow);overflow:hidden}.ob-builder-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid var(--ob-line);background:#fbfdff}.ob-bank-state{display:flex;align-items:center;gap:10px}.ob-bank-state i{width:9px;height:9px;border-radius:50%;background:#d3a400;box-shadow:0 0 0 4px #fff3c4}.ob-bank-state strong{display:block;color:var(--ob-navy);font-size:14px}.ob-bank-state small{display:block;color:var(--ob-muted);font-size:11px;margin-top:2px}.ob-bank-state strong[data-state="ready"]{color:var(--ob-green)}.ob-bank-state strong[data-state="error"]{color:var(--ob-red)}.ob-builder-head>a{color:var(--ob-blue);font-weight:900;text-decoration:none;font-size:12px}
.ob-generator{padding:22px}.ob-generator-block+.ob-generator-block{margin-top:22px}.ob-label-row{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.ob-label-row h3{font-size:16px;margin:0;color:var(--ob-navy)}.ob-label-row span{font-size:11px;color:var(--ob-muted)}.ob-level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ob-choice{min-height:82px;padding:14px;text-align:left;border:1px solid var(--ob-line);border-radius:16px;background:#fff;color:var(--ob-text);cursor:pointer}.ob-choice.active{border-color:var(--ob-blue);box-shadow:0 0 0 2px rgba(18,102,197,.09);background:#eef6ff}.ob-choice strong{display:block;font-size:16px}.ob-choice span{display:block;color:#55677f;font-size:12px;margin-top:3px}.ob-choice small{display:block;color:#8190a3;font-size:11px;margin-top:5px}.ob-choice:disabled{opacity:.5;cursor:not-allowed}
.ob-phase-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ob-phase{min-height:68px;border:1px solid var(--ob-line);border-radius:15px;background:#fff;padding:11px 13px;display:grid;grid-template-columns:42px 1fr;column-gap:10px;text-align:left;cursor:pointer}.ob-phase.active{border-color:var(--ob-blue);background:#eef6ff;box-shadow:0 0 0 2px rgba(18,102,197,.08)}.ob-phase:disabled{opacity:.45;cursor:not-allowed}.ob-phase b{grid-row:1/3;width:42px;height:42px;border-radius:12px;background:#0c244b;color:#fff;display:grid;place-items:center;font-size:11px}.ob-phase strong{font-size:14px;color:var(--ob-text)}.ob-phase small{font-size:11px;color:var(--ob-muted)}
.ob-qty{display:grid;grid-template-columns:repeat(3,minmax(70px,120px));gap:8px}.ob-qty button{height:40px;border:1px solid var(--ob-line);border-radius:11px;background:#fff;color:var(--ob-navy);font-weight:900;cursor:pointer}.ob-qty button.active{background:var(--ob-navy);border-color:var(--ob-navy);color:#fff}.ob-generator-tools{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.ob-filter-toggle{min-height:40px;padding:0 14px;border:1px solid var(--ob-line);border-radius:11px;background:#fff;color:var(--ob-blue);font:900 12px Nunito,sans-serif;cursor:pointer}.ob-filter-toggle.active{background:#eef6ff;border-color:#9cc5ef}.ob-filter-toggle:disabled{opacity:.45;cursor:not-allowed}.ob-filter-panel{margin-top:12px;padding:14px;border:1px solid var(--ob-line);border-radius:14px;background:#f8fbff;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ob-filter-panel label{display:grid;gap:5px}.ob-filter-panel label span{font-size:10px;font-weight:900;color:#607087;text-transform:uppercase;letter-spacing:.08em}.ob-filter-panel select{height:42px;border:1px solid #cfdae7;border-radius:11px;padding:0 11px;background:#fff;color:var(--ob-text);font:800 13px Nunito,sans-serif}.ob-filter-panel p{grid-column:1/-1;margin:0;color:var(--ob-muted);font-size:11px}
.ob-startbar{margin:22px -22px -22px;padding:16px 22px;background:#fbfdff;border-top:1px solid var(--ob-line);display:flex;align-items:center;justify-content:space-between;gap:18px}.ob-startbar small{display:block;color:var(--ob-muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.ob-startbar strong{display:block;color:var(--ob-navy);font-size:14px;margin-top:2px}.ob-bank-message{margin:14px 0 0;padding:11px 13px;border-radius:11px;background:#fff7d7;color:#6b5610;font-size:12px;font-weight:800}.ob-bank-message[data-kind="error"]{background:#fff0f0;color:#883535}
.ob-progress-section{background:#fff}.ob-progress-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.ob-progress-header h2{margin:5px 0 0;color:var(--ob-navy);font-size:26px}.ob-progress-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ob-progress-panel article{background:#f7faff;border:1px solid var(--ob-line);border-radius:15px;padding:16px}.ob-progress-panel strong{display:block;font-size:26px;color:var(--ob-navy)}.ob-progress-panel span{display:block;color:var(--ob-muted);font-size:12px;margin-top:3px}
.ob-official-section{padding-top:10px}.ob-official-note{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--ob-line);border-radius:18px;padding:21px;background:#fff}.ob-official-note h2{margin:6px 0;color:var(--ob-navy);font-size:22px}.ob-official-note p{margin:0;color:var(--ob-muted);line-height:1.45;max-width:720px;font-size:13px}
.ob-quiz,.ob-result{background:#fff;border:1px solid var(--ob-line);border-radius:22px;box-shadow:var(--ob-shadow);overflow:hidden}.ob-quiz-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:16px 20px;border-bottom:1px solid var(--ob-line);background:#fbfdff}.ob-quiz-top span{display:block;color:var(--ob-muted);font-size:11px}.ob-quiz-top strong{display:block;color:var(--ob-navy);font-size:14px}.ob-progress{height:6px;background:#e5edf6;border-radius:999px;overflow:hidden}.ob-progress span{height:100%;display:block;background:var(--ob-blue);border-radius:999px}.ob-quiz-top>button{border:0;background:none;color:var(--ob-blue);font-weight:900;cursor:pointer}.ob-question-map{display:flex;gap:6px;overflow:auto;padding:11px 20px;border-bottom:1px solid var(--ob-line)}.ob-question-map button{min-width:32px;height:32px;border:1px solid var(--ob-line);border-radius:9px;background:#fff;color:var(--ob-muted);font-weight:900;cursor:pointer}.ob-question-map button.current{background:var(--ob-navy);color:#fff;border-color:var(--ob-navy)}.ob-question-map button.answered{box-shadow:inset 0 -3px 0 #65a8e9}.ob-question-card{padding:24px}.ob-question-meta,.ob-source{font-size:11px;color:var(--ob-muted);font-weight:800}.ob-source{margin-top:3px}.ob-source a{color:var(--ob-blue);font-weight:900}.ob-question-body{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;margin-top:18px}.ob-question-number{width:46px;height:46px;border-radius:13px;background:var(--ob-navy);color:#fff;display:grid;place-items:center;font-weight:900}.ob-question-content{min-width:0;color:var(--ob-text);font-size:15px;line-height:1.5}.ob-question-content img,.ob-solution img,.ob-official-canvas{display:block;max-width:100%;height:auto;margin:9px auto;border-radius:9px}.ob-pdf-visual{min-height:90px}.ob-pdf-loading{display:block;border:1px dashed var(--ob-line);border-radius:13px;padding:20px;text-align:center;color:var(--ob-muted);background:#fbfdff}.ob-options{display:grid;gap:8px;margin:18px 0 0 60px}.ob-option{display:flex;align-items:center;gap:10px;min-height:48px;border:1px solid var(--ob-line);border-radius:13px;background:#fff;padding:9px 12px;text-align:left;color:var(--ob-text);cursor:pointer}.ob-option>span{width:29px;height:29px;border-radius:8px;background:#eef4fb;display:grid;place-items:center;font-weight:900}.ob-option.selected{border-color:var(--ob-blue);background:#eef6ff}.ob-option.correct{border-color:#6eb283;background:#f1fbf4}.ob-option.wrong{border-color:#d98a8a;background:#fff4f4}.ob-letter-options{grid-template-columns:repeat(5,1fr);max-width:500px}.ob-letter-options .ob-option{justify-content:center;text-align:center;padding:0}.ob-feedback{margin:12px 0 0 60px;padding:12px 14px;border-radius:12px;border:1px solid var(--ob-line);font-size:13px}.ob-feedback.ok{background:#f1fbf4;border-color:#a9d7b7;color:#245f38}.ob-feedback.bad{background:#fff4f4;border-color:#e5b2b2;color:#8e3d3d}.ob-discursive{margin:18px 0 0 60px}.ob-discursive label{display:block;font-weight:800;color:var(--ob-navy);margin-bottom:7px}.ob-discursive textarea{width:100%;border:1px solid var(--ob-line);border-radius:13px;padding:12px;font:600 14px/1.5 Nunito,sans-serif;resize:vertical}.ob-solution{margin-top:12px;padding:14px;border:1px solid var(--ob-line);border-radius:13px;background:#f8fbff}.ob-quiz-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.ob-result{padding:27px}.ob-result-head h2{font-size:30px;color:var(--ob-navy);margin:7px 0}.ob-result-head p{color:var(--ob-muted)}.ob-result-actions{display:flex;gap:9px;margin-top:18px}
.hub-v2-footer .hub-v2-social{display:flex!important;gap:8px!important}.hub-v2-footer .hub-v2-social a{font-size:0!important;line-height:0!important;overflow:hidden}.hub-v2-footer .hub-v2-social a:before,.hub-v2-footer .hub-v2-social a:after{content:none!important}
@media(max-width:900px){.ob-level-grid{grid-template-columns:repeat(3,1fr)}.ob-official-note{align-items:flex-start;flex-direction:column}.ob-quiz-top{grid-template-columns:1fr auto}.ob-quiz-top .ob-progress{grid-column:1/-1;grid-row:2}}
@media(max-width:680px){.ob-wrap{width:min(100% - 24px,1120px)}.ob-topbar-row{min-height:56px}.ob-hero{padding:40px 0 38px}.ob-hero h1{font-size:39px}.ob-hero p{font-size:15px}.ob-hero-actions .ob-btn{width:100%}.ob-section{padding:38px 0}.ob-section-head{margin-bottom:17px}.ob-builder{border-radius:18px}.ob-builder-head{padding:14px;align-items:flex-start}.ob-builder-head>a{font-size:11px}.ob-generator{padding:14px}.ob-generator-block+.ob-generator-block{margin-top:18px}.ob-label-row{align-items:flex-start;flex-direction:column;gap:3px}.ob-level-grid{grid-template-columns:1fr}.ob-choice{min-height:68px}.ob-phase-grid{grid-template-columns:1fr 1fr}.ob-qty{grid-template-columns:repeat(3,1fr)}.ob-generator-tools{display:grid;grid-template-columns:1fr 1fr}.ob-filter-toggle{width:100%}.ob-filter-panel{grid-template-columns:1fr}.ob-filter-panel p{grid-column:auto}.ob-startbar{margin:20px -14px -14px;padding:14px;align-items:stretch;flex-direction:column}.ob-startbar .ob-btn{width:100%}.ob-progress-header{align-items:stretch;flex-direction:column}.ob-progress-header .ob-btn{width:100%}.ob-progress-panel{grid-template-columns:repeat(3,1fr);gap:6px}.ob-progress-panel article{padding:12px}.ob-progress-panel strong{font-size:23px}.ob-official-section{padding-top:0}.ob-question-card{padding:16px}.ob-question-body{grid-template-columns:1fr}.ob-question-number{width:40px;height:40px}.ob-options,.ob-feedback,.ob-discursive{margin-left:0}.ob-letter-options{grid-template-columns:repeat(5,1fr)}.ob-quiz-actions{display:grid;grid-template-columns:1fr 1fr}.ob-quiz-actions #finishQuiz{grid-column:1/-1}.ob-result{padding:20px}.ob-result-actions{flex-direction:column}.ob-result-actions .ob-btn{width:100%}}