:root{--bg:#f6f8fa;--surface:#fff;--surface-2:#f9fbfc;--ink:#111827;--muted:#4b5c6b;--muted-strong:#344454;--line:#d8e1e8;--brand:#0b6f67;--brand-dark:#0a514c;--brand-soft:#e3f3f1;--accent:#b45309;--accent-soft:#fff4ed;--focus:#14b8a6;--shadow:0 18px 50px rgba(17,24,39,.08);--radius:8px}*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:radial-gradient(circle at 18% -10%,rgba(11,111,103,.1),transparent 34%),linear-gradient(180deg,#fff 0,var(--bg) 46%,#eef3f5 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{line-height:1}h1,h2,h3,p{overflow-wrap:anywhere}.shell{min-height:100vh}.topbar{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:hsla(0,0%,100%,.94);border-bottom:1px solid rgba(216,225,232,.95);display:flex;gap:18px;justify-content:space-between;padding:12px clamp(16px,4vw,48px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand{color:var(--brand-dark);font-size:20px;font-weight:850;gap:10px;letter-spacing:0;min-height:42px;white-space:nowrap}.brand,.brand-mark{align-items:center;display:inline-flex}.brand-mark{background:var(--brand);border-radius:8px;color:#fff;height:34px;justify-content:center;width:34px}.nav{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.container{margin:0 auto;max-width:1180px;padding:34px clamp(16px,4vw,48px) 56px}.hero{align-items:center;display:grid;grid-gap:clamp(24px,5vw,56px);gap:clamp(24px,5vw,56px);grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);min-height:min(760px,calc(100vh - 68px))}.hero-panel{display:grid;grid-gap:14px;gap:14px}.hero-visual{background:linear-gradient(145deg,rgba(12,83,78,.96),rgba(8,64,60,.95)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900' viewBox='0 0 900 900'%3E%3Cg fill='none' stroke='rgba(255,255,255,.16)' stroke-width='2'%3E%3Cpath d='M90 165h720M90 285h720M90 405h720M90 525h720M90 645h720M180 90v720M360 90v720M540 90v720M720 90v720'/%3E%3C/g%3E%3Cg fill='rgba(255,255,255,.22)'%3E%3Ccircle cx='180' cy='165' r='9'/%3E%3Ccircle cx='360' cy='285' r='9'/%3E%3Ccircle cx='540' cy='405' r='9'/%3E%3Ccircle cx='720' cy='525' r='9'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;border-radius:var(--radius);box-shadow:var(--shadow);color:#fff;min-height:420px;padding:clamp(22px,4vw,34px)}.hero-visual .stat{background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.3);color:#fff}.hero-visual .label{color:hsla(0,0%,100%,.82)}.hero-visual .stat strong{color:#fff}.hero h1,.page-title{color:var(--ink);font-size:clamp(34px,5vw,56px);letter-spacing:0;line-height:1.06;margin:0 0 16px}.hero h1{max-width:780px}.section-title{font-size:28px;line-height:1.15;margin:0 0 16px}.lead{color:var(--muted-strong);font-size:18px;line-height:1.7;margin:0 0 24px;max-width:720px}.card,.panel{background:hsla(0,0%,100%,.94);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:clamp(18px,3vw,26px)}.card{padding:18px}.card-link,a.card{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.card-link:hover,a.card:hover{border-color:rgba(15,118,110,.45);box-shadow:0 22px 55px rgba(15,118,110,.13);transform:translateY(-2px)}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions,.button{align-items:center}.button{background:var(--brand);border:1px solid var(--brand);border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;font-weight:750;gap:8px;justify-content:center;min-height:42px;padding:10px 15px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.button:hover{background:var(--brand-dark);border-color:var(--brand-dark);box-shadow:0 12px 28px rgba(15,118,110,.2);transform:translateY(-1px)}.button:disabled{cursor:progress;opacity:.72;transform:none}.button.disabled-button,.button.disabled-button:hover{background:#eef2f7;border-color:#cbd8e1;box-shadow:none;color:var(--muted);cursor:default;transform:none}.button.secondary{background:#fff;border-color:#cbd8e1;color:var(--brand-dark)}.button.secondary:hover{background:var(--brand-soft);border-color:rgba(11,111,103,.35)}.button.danger{background:var(--accent);border-color:var(--accent)}.button.danger:hover{background:#9a3412;border-color:#9a3412}.field{display:grid;grid-gap:7px;gap:7px;margin-bottom:14px}.field label,.label{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.input,.select,.textarea{background:#fff;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);min-height:44px;outline:none;padding:10px 12px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--focus);box-shadow:0 0 0 4px rgba(20,184,166,.16)}.textarea{line-height:1.5;min-height:96px;resize:vertical}.muted{color:var(--muted);line-height:1.55}.stat{background:var(--brand-soft);border:1px solid rgba(15,118,110,.12);border-radius:var(--radius);padding:16px}.stat strong{color:var(--ink);display:block;font-size:clamp(24px,3vw,34px);line-height:1.1;margin-top:4px}.option-list,.topic-list{display:grid;grid-gap:10px;gap:10px}.topic-list{max-height:min(58vh,620px);overflow:auto;padding-right:6px}.check-row,.option-row{align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;display:flex;gap:12px;padding:13px 14px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.check-row:hover,.option-row:hover{background:var(--surface-2);border-color:rgba(15,118,110,.45)}.check-row input,.option-row input{accent-color:var(--brand);flex:0 0 auto;margin-top:3px}.option-row span{line-height:1.48}.question-layout{align-items:start;grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.question-meta{color:var(--muted);font-size:14px;line-height:1.4;margin:0 0 14px}.question-text{font-size:clamp(22px,2.6vw,30px);line-height:1.28;margin:0 0 24px}.notice{background:var(--accent-soft);border:1px solid #fed7aa;border-radius:var(--radius);color:#7c2d12;padding:12px 14px}.success{background:var(--brand-soft);border-color:rgba(15,118,110,.25);color:var(--brand-dark)}.auth-card{margin:0 auto;max-width:520px}.page-header{align-items:flex-end;display:flex;gap:18px;justify-content:space-between;margin-bottom:20px}.page-header>div{min-width:0}.compact-form{align-items:flex-end;display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(0,1fr) auto}.kicker{color:var(--brand);font-weight:850;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.kicker,.pill{font-size:13px}.pill{align-items:center;background:var(--brand-soft);border:1px solid rgba(15,118,110,.18);border-radius:999px;color:var(--brand-dark);display:inline-flex;font-weight:750;gap:7px;padding:7px 10px}.divider{border:0;border-top:1px solid var(--line);margin:20px 0}.stack{display:grid;grid-gap:16px;gap:16px}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.learning-hero{align-items:stretch;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) minmax(260px,360px);margin-bottom:20px}.level-card{background:linear-gradient(145deg,#fff,#edf8f6);border:1px solid rgba(15,118,110,.18);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;grid-gap:14px;gap:14px;padding:18px}.progress-track{background:#dbe7e5;border-radius:999px;height:12px;overflow:hidden;width:100%}.progress-track span{background:linear-gradient(90deg,var(--brand),#22c55e);border-radius:inherit;display:block;height:100%}.question-progress{height:9px;margin-bottom:18px}.metric-strip{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;grid-gap:4px;gap:4px;min-height:116px;padding:16px}.metric span{color:var(--muted);font-size:13px;font-weight:750}.metric strong{font-size:24px;line-height:1.1}.mini-list{display:grid;grid-gap:8px;gap:8px}.mini-list span{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font-size:14px;line-height:1.35;padding:9px 10px}.mission-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.training-mode-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr)}.mode-panel{display:grid;grid-gap:16px;gap:16px}.mode-heading{align-items:center;display:grid;grid-gap:12px;gap:12px;grid-template-columns:auto minmax(0,1fr) auto}.mode-heading .section-title{margin-bottom:0}.mode-icon{align-items:center;background:var(--brand-soft);border:1px solid rgba(11,111,103,.18);border-radius:var(--radius);color:var(--brand-dark);display:inline-flex;height:48px;justify-content:center;width:48px}.submode-card{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-gap:12px;gap:12px;padding:16px}.submode-card h3{font-size:20px;margin:0}.details-panel{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.details-panel summary{color:var(--brand-dark);cursor:pointer;font-weight:800}.compact-topic-list{margin-top:12px;max-height:280px}.badge-count{align-items:center;background:var(--accent);border-radius:999px;color:#fff;display:inline-flex;font-size:13px;font-weight:850;height:28px;justify-content:center;min-width:28px;padding:0 8px}.mission-card{align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;display:flex;gap:12px;padding:14px}.mission-card:has(input:checked){background:var(--brand-soft);border-color:rgba(15,118,110,.45);box-shadow:0 14px 32px rgba(15,118,110,.12)}.mission-card input{accent-color:var(--brand);margin-top:3px}.mission-card small,.mission-card span{display:block}.mission-card small{color:var(--muted);line-height:1.35;margin-top:4px}.reward-xp{color:var(--brand-dark);font-size:clamp(42px,7vw,72px);letter-spacing:0;line-height:.95}.exam-timer{align-items:center;background:#f6faf9;border:1px solid rgba(11,111,103,.18);border-radius:var(--radius);display:flex;justify-content:space-between;margin-bottom:18px;padding:10px 12px}.countdown{color:var(--brand-dark);font-size:22px;font-weight:900;letter-spacing:.04em}.countdown.is-low{color:var(--accent)}.question-nav{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));margin-top:10px}.question-nav-item{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);display:inline-flex;font-weight:800;justify-content:center;min-height:42px}.question-nav-item.is-current{border-color:var(--brand);box-shadow:0 0 0 3px rgba(20,184,166,.16)}.question-nav-item.is-answered{background:var(--brand-soft);border-color:rgba(11,111,103,.28);color:var(--brand-dark)}.runner-actions{margin-top:8px}.runner-actions .report-popover{margin-left:clamp(10px,4vw,40px)}.runner-side{display:grid;grid-gap:16px;gap:16px}.topic-reveal{border-top:1px solid var(--line);padding-top:14px}.topic-reveal p{margin:8px 0 0}.inline-check{align-items:center;color:var(--brand-dark);cursor:pointer;display:inline-flex;font-weight:800;gap:8px}.inline-check input{accent-color:var(--brand)}.report-popover{margin-left:auto;position:static}.report-modal-backdrop{align-items:center;background:rgba(17,24,39,.42);display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:80}.report-dialog{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 24px 70px rgba(17,24,39,.18);display:grid;grid-gap:12px;gap:12px;padding:18px;width:min(440px,calc(100vw - 32px))}.account-layout{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.account-plan-panel{grid-column:1/-1}.enrollment-card{display:grid;grid-gap:10px;gap:10px}.enrollment-card strong{display:block;font-size:20px;line-height:1.2;margin-top:5px}.warning-pill{background:var(--accent-soft);border-color:#fed7aa;color:#7c2d12}.answer-review{border-left:5px solid var(--line)}.answer-review.is-correct{border-left-color:var(--brand)}.answer-review.is-wrong{border-left-color:var(--accent)}.path-list{display:grid;grid-gap:12px;gap:12px}.path-node{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;grid-gap:14px;gap:14px;grid-template-columns:48px minmax(0,1fr);padding:14px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.path-node:hover{border-color:rgba(15,118,110,.45);box-shadow:0 18px 40px rgba(15,118,110,.12);transform:translateY(-1px)}.path-node.is-locked{opacity:.78}.path-icon{align-items:center;background:var(--brand-soft);border:1px solid rgba(15,118,110,.16);border-radius:var(--radius);color:var(--brand-dark);display:inline-flex;height:48px;justify-content:center;width:48px}.path-node small{color:var(--muted);display:block;line-height:1.35;margin-top:5px}.site-footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin:0 auto;max-width:1180px;padding:22px clamp(16px,4vw,48px) 34px}.footer-links,.site-footer{display:flex;flex-wrap:wrap;gap:12px}.auth-card a,.footer-links a,.legal-page a{color:var(--brand-dark);font-weight:750}.cookie-banner{background:hsla(0,0%,100%,.98);border:1px solid var(--line);border-radius:var(--radius);bottom:16px;box-shadow:var(--shadow);left:50%;max-width:min(920px,calc(100vw - 32px));padding:16px;position:fixed;transform:translateX(-50%);width:100%;z-index:30}.cookie-banner,.legal-acceptance{align-items:center;display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(0,1fr) auto}.legal-acceptance{background:#fff7ed;border-bottom:1px solid #fed7aa;color:#7c2d12;padding:12px clamp(16px,4vw,48px);position:-webkit-sticky;position:sticky;top:0;z-index:40}.legal-acceptance p{margin:4px 0 0}.cookie-banner p{color:var(--muted);line-height:1.45;margin:6px 0 0}.legal-page{display:grid;grid-gap:16px;gap:16px;max-width:960px}.legal-page .panel{box-shadow:none}.legal-page h2{font-size:22px;line-height:1.2;margin:0 0 12px}.legal-page p{line-height:1.65}.legal-table{display:grid;grid-gap:0;gap:0;grid-template-columns:minmax(130px,210px) minmax(0,1fr);overflow:hidden}.legal-table span,.legal-table strong{border-bottom:1px solid var(--line);padding:10px 0}.legal-table strong{color:var(--ink);padding-right:14px}.security-event pre{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);margin:12px 0 0;max-height:180px;overflow:auto;padding:10px;white-space:pre-wrap}.severity-critical{background:#fee2e2;border-color:#fecaca;color:#991b1b}.severity-warning{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.review-container{max-width:1680px}.review-save-notice{margin:0 0 18px}.review-workspace{align-items:start;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(420px,.95fr) minmax(520px,1.05fr)}.review-source-panel{position:-webkit-sticky;position:sticky;top:86px}.review-audit-strip,.source-meta{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.review-audit-strip .stat,.source-meta .stat{padding:12px}.review-audit-strip .stat strong,.source-meta .stat strong{font-size:15px;line-height:1.25}.pdf-frame,.pdf-page-viewer{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);height:min(74vh,920px);overflow:auto;width:100%}.pdf-page-image{background:#fff;display:block;height:auto;margin:0 auto;max-width:100%;min-height:360px}.review-editor-panel{min-width:0}.review-statement{min-height:150px}.review-option{border-left:4px solid transparent;padding-left:10px}.review-option.is-correct{border-left-color:var(--brand)}.sr-only{height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.global-ope-selector{align-items:center;display:flex;gap:6px;min-width:0}.compact-select{background:transparent;border:0;box-shadow:none;color:var(--ink);font-size:13px;font-weight:760;max-width:min(260px,28vw);min-height:34px;overflow:hidden;padding:5px 32px 5px 10px;text-overflow:ellipsis;white-space:nowrap}.compact-select:focus{box-shadow:none}.ope-chip,.select-shell{align-items:center;background:#f6faf9;border:1px solid rgba(11,111,103,.18);border-radius:999px;color:var(--ink);display:inline-flex;min-height:36px;min-width:0}.select-shell{position:relative}.select-shell svg{color:var(--brand-dark);pointer-events:none;position:absolute;right:10px}.ope-chip{gap:8px;max-width:min(300px,30vw);padding:5px 11px}.ope-chip span{color:var(--brand-dark);font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.ope-chip strong{font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ope-submit{min-height:34px;padding:7px 10px}.global-demo-wrapper{padding:10px clamp(16px,4vw,48px) 0}.pricing-grid{align-items:stretch;display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-plan{display:flex;flex-direction:column;gap:14px}.highlighted-plan{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));box-shadow:0 18px 44px rgba(37,99,235,.14)}.price{color:var(--ink);font-size:38px;font-weight:800;line-height:1;margin:0}.feature-list{color:var(--muted);display:grid;grid-gap:10px;gap:10px;line-height:1.45;margin:0 0 auto;padding-left:20px}.demo-banner{align-items:center;display:flex;gap:14px;justify-content:space-between;margin:0 0 18px}.demo-banner p{margin:4px 0 0}.demo-banner.is-expired{background:#fff7ed;border-color:#fed7aa}@media (max-width:900px){.account-layout,.compact-form,.cookie-banner,.global-ope-selector,.grid-2,.grid-3,.hero,.learning-hero,.legal-acceptance,.legal-table,.metric-strip,.mission-grid,.pricing-grid,.question-layout,.review-audit-strip,.review-workspace,.source-meta{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start;width:100%}.ope-chip{max-width:100%}.hero{min-height:auto}.hero-visual{min-height:320px}.page-header{align-items:stretch;display:grid}.review-source-panel{position:static}.pdf-frame,.pdf-page-viewer{height:70vh}}@media (max-width:680px){.topbar{align-items:stretch;position:static}.nav{justify-content:flex-start}.nav .button{flex:1 1 auto;min-width:112px}.compact-select{max-width:none;width:100%}.global-ope-selector,.ope-chip,.select-shell{width:100%}.ope-submit{display:none}.hero h1,.page-title{font-size:clamp(31px,10vw,42px)}.lead{font-size:17px}.button{width:100%}.report-popover{margin-left:0;width:100%}.runner-actions .report-popover{margin-left:0}.report-dialog{width:100%}.actions .button{flex:1 1 180px}.container{padding-top:24px}}