:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--color-primary:#1f7ae0;--color-primary-dark:#1666c1;--color-primary-soft:#eaf2fb;--color-primary-border:#cfe0f4;--color-navy:#0f2c4d;--color-navy-2:#15324f;--color-hero-from:#0f2c4d;--color-text:#1f2a37;--color-text-secondary:#4a5568;--color-text-tertiary:#55617a;--color-text-quiet:#6b7280;--color-border:#e2e8f0;--color-border-strong:#d8e1ec;--color-bg-soft:#f8fafc;--color-green:#1f9d55;--color-green-bg:#e6f6ec;--color-green-border:#b6e2c6;--color-red:#d64545;--color-red-bg:#fbeaea;--color-amber:#f5a623;--color-amber-2:#f7971e;--color-amber-text:#b7791f;--color-amber-bg:#fbf3e0;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--radius-pill:999px;--shadow-xs:0 1px 2px #0f2c4d0f;--shadow-sm:0 3px 10px #0f2c4d14;--shadow-md:0 10px 28px #0f2c4d1a;--shadow-lg:0 24px 60px #0f2c4d1f;--shadow-primary:0 8px 20px #1f7ae047;--shadow-primary-hover:0 12px 28px #1f7ae057;--ease:cubic-bezier(.4, 0, .2, 1);--t-fast:.15s var(--ease);--t-med:.22s var(--ease);--color-surface:#fff;--color-surface-alt:var(--color-bg-soft);--color-accent:var(--color-primary);--fs-large-title:1.75rem;--fs-title:1.125rem;--fs-body:1rem;--fs-caption:.8125rem;--fw-bold:700;--fw-semibold:600;--fw-regular:400;--lh-tight:1.2;--lh-body:1.5;--tap-min:44px;font-family:system-ui,Segoe UI,Roboto,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;color:var(--color-text);background:linear-gradient(160deg,#eaf2fb 0%,#f4f7fb 60%,#fff 100%) fixed;margin:0}button,input,select{font-family:inherit}:focus-visible{outline:2.5px solid var(--color-primary);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#4c9aef;--color-primary-dark:#2f6fb0;--color-primary-soft:#172436;--color-primary-border:#2b425e;--color-navy:#eef3fa;--color-navy-2:#dbe6f2;--color-text:#e4e9f1;--color-text-secondary:#aab4c4;--color-text-tertiary:#8b96a8;--color-text-quiet:#7c8697;--color-border:#2a3441;--color-border-strong:#37424f;--color-bg-soft:#141a22;--color-green:#3ecb78;--color-green-bg:#10291b;--color-green-border:#1f4a30;--color-red:#e2685f;--color-red-bg:#34181a;--color-amber:#f5b23f;--color-amber-2:#f7a83a;--color-amber-text:#f0c26b;--color-amber-bg:#332913;--color-surface:#1b222c;--shadow-xs:0 1px 2px #00000047;--shadow-sm:0 3px 10px #00000052;--shadow-md:0 10px 28px #00000061;--shadow-lg:0 24px 60px #00000073}}:root[data-theme=dark]{--color-primary:#4c9aef;--color-primary-dark:#2f6fb0;--color-primary-soft:#172436;--color-primary-border:#2b425e;--color-navy:#eef3fa;--color-navy-2:#dbe6f2;--color-text:#e4e9f1;--color-text-secondary:#aab4c4;--color-text-tertiary:#8b96a8;--color-text-quiet:#7c8697;--color-border:#2a3441;--color-border-strong:#37424f;--color-bg-soft:#141a22;--color-green:#3ecb78;--color-green-bg:#10291b;--color-green-border:#1f4a30;--color-red:#e2685f;--color-red-bg:#34181a;--color-amber:#f5b23f;--color-amber-2:#f7a83a;--color-amber-text:#f0c26b;--color-amber-bg:#332913;--color-surface:#1b222c;--shadow-xs:0 1px 2px #00000047;--shadow-sm:0 3px 10px #00000052;--shadow-md:0 10px 28px #00000061;--shadow-lg:0 24px 60px #00000073}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body{background:linear-gradient(160deg,#0e141b 0%,#11161d 60%,#141a22 100%)}}:root[data-theme=dark] body{background:linear-gradient(160deg,#0e141b 0%,#11161d 60%,#141a22 100%)}.hero{text-align:center;margin-bottom:8px}.hero-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-pill);margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.hero-title{color:var(--color-navy);letter-spacing:-.01em;margin:0 0 12px;font-size:1.7rem;line-height:1.2}.free-note{color:var(--color-text-tertiary);margin-bottom:16px;font-size:.85rem;font-weight:600}.premium-badge{color:var(--color-green);background:var(--color-green-bg);border-radius:var(--radius-pill);margin-bottom:16px;padding:6px 14px;font-weight:700;display:inline-block}.upgrade-link{color:#fff;background:linear-gradient(135deg, var(--color-amber), var(--color-amber-2));border-radius:var(--radius-md);cursor:pointer;width:100%;transition:transform var(--t-fast), box-shadow var(--t-fast);border:none;margin-top:14px;padding:13px;font-size:.95rem;font-weight:700;display:block;box-shadow:0 8px 20px #f5a62347}.upgrade-link:hover{transform:translateY(-1px);box-shadow:0 12px 26px #f5a62357}.upgrade-link:active{transform:translateY(0)scale(.98)}.features{gap:12px;margin-top:24px;display:grid}.feature{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);text-align:left;flex-direction:column;padding:12px 14px;display:flex}.feature-title{color:var(--color-navy-2);font-size:.95rem;font-weight:700}.feature-text{color:var(--color-text-tertiary);margin-top:2px;font-size:.85rem}.plan{border:2px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;box-shadow:var(--shadow-xs);transition:border-color var(--t-fast), box-shadow var(--t-fast);margin-bottom:14px;padding:16px}.plan:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-sm)}.plan-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.plan-name{color:var(--color-navy-2);font-weight:700}.plan-price{color:var(--color-primary);font-weight:800}.plan-text{color:var(--color-text-tertiary);margin:0 0 12px;font-size:.88rem}.state-select{border:2px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-bg-soft);width:100%;color:var(--color-text);appearance:none;transition:border-color var(--t-fast), box-shadow var(--t-fast);background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%231f7ae0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='5 8 10 13 15 8'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding:14px 40px 14px 16px;font-size:1rem;font-weight:600}.state-select:hover{border-color:var(--color-primary-border)}.lang-row{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;display:flex}.lang-label{color:var(--color-text-tertiary);font-size:.85rem;font-weight:700}.lang-toggle{gap:6px;display:flex}.lang-btn{border-radius:var(--radius-pill);border:1px solid var(--color-primary-border);background:var(--color-surface);color:var(--color-primary);cursor:pointer;transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast), transform var(--t-fast);padding:6px 14px;font-size:.85rem;font-weight:700}.lang-btn:active{transform:scale(.96)}.lang-btn.on{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tr-text{color:var(--color-primary-dark);margin-top:6px;font-size:.95em;font-style:italic;font-weight:400;display:block}.tr-opt{color:var(--color-primary-dark);margin-top:3px;font-size:.85rem;font-style:italic;display:block}.tr-text.rtl,.tr-opt.rtl{text-align:right;direction:rtl;font-size:1.05em;font-style:normal}.how-to-pass{text-align:left;border:2px solid var(--color-primary-border);background:var(--color-primary-soft);border-radius:var(--radius-lg);cursor:pointer;width:100%;box-shadow:var(--shadow-xs);transition:transform var(--t-fast), box-shadow var(--t-fast), border-color var(--t-fast);align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;display:flex}.how-to-pass:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary);transform:translateY(-1px)}.how-to-pass:active{transform:translateY(0)scale(.99)}.htp-icon{font-size:1.7rem}.how-to-pass strong{color:var(--color-navy-2);font-size:1.05rem;display:block}.how-to-pass small{color:var(--color-text-tertiary);font-size:.85rem}.test-date-card{border:1px solid var(--color-primary-border);background:var(--color-primary-soft);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;display:flex}.test-date-icon{font-size:1.3rem}.test-date-text{color:var(--color-navy-2);font-size:.95rem;font-weight:600}.test-date-text strong{color:var(--color-primary);font-size:1.1rem}.test-date-edit{color:var(--color-primary);cursor:pointer;background:0 0;border:none;min-height:44px;margin-left:auto;padding:8px 4px;font-size:.85rem;font-weight:700}.test-date-set{text-align:left;width:100%;min-height:44px;color:var(--color-navy-2);cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:600}.test-date-form{gap:8px;width:100%;margin-top:4px;display:flex}.test-date-form input{border:1px solid var(--color-primary-border);border-radius:var(--radius-sm);min-height:44px;font:inherit;background:var(--color-surface);flex:1;padding:8px 12px}.test-date-form .btn-primary{width:auto;margin:0;padding:8px 18px;font-size:.95rem}.focus-card{text-align:left;border:2px solid var(--color-amber-text);background:var(--color-amber-bg);border-radius:var(--radius-lg);cursor:pointer;width:100%;box-shadow:var(--shadow-xs);transition:transform var(--t-fast), box-shadow var(--t-fast);align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;display:flex}.focus-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.focus-card:active{transform:translateY(0)scale(.99)}.focus-card-icon{font-size:1.7rem}.focus-card strong{color:var(--color-navy-2);font-size:1.05rem;display:block}.focus-card small{color:var(--color-text-tertiary);font-size:.85rem}.home-section{margin-bottom:18px}.home-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;margin:0 2px 8px;font-size:.78rem;font-weight:800;display:flex}.home-section-label span{text-transform:none;letter-spacing:0;color:var(--color-primary);font-weight:700}.home-section .btn-primary,.home-section .btn-secondary{margin-top:0;margin-bottom:8px}.htp-part{border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;box-shadow:var(--shadow-xs);margin-bottom:14px;padding:14px 16px}.htp-part h3{color:var(--color-navy-2);margin:0 0 8px}.htp-part ul{color:var(--color-text-secondary);margin:0;padding-left:20px}.htp-part li{margin:4px 0}.htp-how{color:var(--color-text-tertiary);margin:10px 0 0;font-size:.9rem}.hc-search{width:100%;font:inherit;border:2px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--t-fast);margin-bottom:14px;padding:12px 14px;font-size:.95rem}.hc-search:focus{border-color:var(--color-primary)}.hc-search::placeholder{color:var(--color-text-quiet)}.hc-list{text-align:left}.hc-section{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);margin-bottom:10px;overflow:hidden}.hc-head{background:var(--color-bg-soft);cursor:pointer;width:100%;color:var(--color-navy-2);transition:background var(--t-fast);border:none;justify-content:space-between;align-items:center;padding:14px 16px;font-size:1rem;font-weight:700;display:flex}.hc-head:hover{background:var(--color-border)}.hc-rules{color:var(--color-text-secondary);margin:0;padding:4px 16px 16px 36px}.hc-rules li{margin:7px 0}.flag-btn{cursor:pointer;color:var(--color-text-tertiary);transition:color var(--t-fast), transform var(--t-fast);background:0 0;border:none;padding:0;font-size:.85rem;font-weight:700}.flag-btn:active{transform:scale(.94)}.flag-btn.on{color:var(--color-amber)}.hz-flag-marker{background:var(--color-amber);border-radius:2px;width:3px;height:12px;position:absolute;bottom:0;transform:translate(-50%)}.install-steps{border:1px solid var(--color-primary-border);background:var(--color-primary-soft);border-radius:var(--radius-md);text-align:left;box-shadow:var(--shadow-xs);margin-top:14px;padding:16px 18px}.install-steps strong{color:var(--color-navy-2)}.install-note{color:var(--color-text-tertiary);margin:4px 0 10px;font-size:.85rem}.install-steps ol{margin:0;padding-left:20px}.install-steps li{color:var(--color-text-secondary);margin:8px 0}.hazard-scene{border-radius:var(--radius-lg);cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid var(--color-primary-border);width:100%;height:260px;box-shadow:var(--shadow-md);transition:box-shadow var(--t-fast);margin:8px 0 12px;position:relative;overflow:hidden}.hazard-scene.flash{box-shadow:var(--shadow-md), inset 0 0 0 4px #1f7ae099}.hazard-video{aspect-ratio:16/9;border-radius:var(--radius-sm);width:min(96vw,1600px,128vh);max-width:none;height:auto;box-shadow:var(--shadow-lg);background:#000;margin-top:8px;margin-bottom:12px;margin-left:50%;transform:translate(-50%)}.question-row{align-items:flex-start;gap:10px;display:flex}.question-row .question{flex:1}.speak-btn{border:1px solid var(--color-primary-border);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-xs);transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast), transform var(--t-fast);flex-shrink:0;margin-top:2px;font-size:18px;line-height:1}.speak-btn:hover{transform:translateY(-1px)}.speak-btn:active{transform:translateY(0)scale(.95)}.speak-btn.on{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.hz-video{object-fit:cover;z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hz-click-layer{z-index:3;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.hz-tap-hint{color:#fff;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:4;pointer-events:none;background:#0f2c4d99;padding:3px 10px;font-size:.75rem;font-weight:700;position:absolute;top:8px;left:50%;transform:translate(-50%)}.hz-timebar{z-index:4;pointer-events:none;background:#ffffff4d;height:6px;position:absolute;bottom:0;left:0;right:0}.hz-timebar>div{background:var(--color-primary);height:100%;transition:width .15s linear}.hz-ripple{z-index:5;pointer-events:none;background:#ffffffe6;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;animation:.5s ease-out forwards hz-ripple-anim;position:absolute;box-shadow:0 0 0 2px #1f7ae0cc}@keyframes hz-ripple-anim{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(3.2)}}.flashcard{border-radius:var(--radius-xl);border:2px solid var(--color-primary-border);background:var(--color-primary-soft);cursor:pointer;text-align:center;width:100%;min-height:200px;box-shadow:var(--shadow-sm);transition:background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:8px 0 4px;padding:24px;display:flex}.flashcard:hover{box-shadow:var(--shadow-md)}.flashcard:active{transform:scale(.99)}.flashcard.flipped{background:var(--color-green-bg);border-color:var(--color-green-border)}.flashcard-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);font-size:.75rem;font-weight:700}.flashcard-text{color:var(--color-navy-2);font-size:1.25rem;font-weight:700;line-height:1.4}.flashcard-sign-icon{width:148px;height:148px;margin:4px 0;display:block}.flashcard-hint{color:var(--color-text-tertiary);font-size:.8rem}.category-pills{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.category-pill{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.category-pill:hover{border-color:var(--color-accent)}.category-pill.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.prog-list{flex-direction:column;gap:18px;margin:20px 0;display:flex}.prog-row{text-align:left}.prog-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.prog-name{color:var(--color-navy-2);font-weight:700}.prog-band{border-radius:var(--radius-pill);padding:2px 10px;font-size:.75rem;font-weight:700}.band-good{color:var(--color-green);background:var(--color-green-bg)}.band-mid{color:var(--color-amber-text);background:var(--color-amber-bg)}.band-low{color:var(--color-red);background:var(--color-red-bg)}.band-none{color:var(--color-text-quiet);background:var(--color-border)}.prog-detail{color:var(--color-text-tertiary);margin-top:6px;font-size:.85rem;display:block}.promo-box{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-primary-soft);margin-top:18px;padding:14px}.promo-label{color:var(--color-text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.promo-row{gap:8px;display:flex}.promo-input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font:inherit;background:var(--color-surface);color:var(--color-text);text-transform:uppercase;transition:border-color var(--t-fast), box-shadow var(--t-fast);flex:1;padding:10px 12px}.promo-input:hover{border-color:var(--color-primary-border)}.promo-btn{white-space:nowrap;width:auto;margin:0;padding:10px 16px}.promo-error{color:var(--color-red);margin:8px 0 0;font-size:.8rem}.terms-accept{color:var(--color-text-tertiary);text-align:center;margin-top:16px;font-size:.78rem;line-height:1.5}.region-switch-link{width:100%;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;margin-top:14px;font-size:.82rem;text-decoration:underline;display:block}.terms-accept a{color:var(--color-text-tertiary);text-decoration:underline}.mock-summary{text-align:left;border-top:1px solid var(--color-border);margin-bottom:8px;padding-top:16px}.mock-summary h3{color:var(--color-navy-2);margin:0 0 6px;font-size:1rem}.mock-history{flex-direction:column;gap:8px;margin-top:10px;display:flex}.mock-history-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.mock-history-date{color:var(--color-text-tertiary);min-width:56px;font-size:.8rem;font-weight:600}.mock-history-score{color:var(--color-navy);font-variant-numeric:tabular-nums;text-align:center;flex:1;font-weight:800}.badge-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.badge{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;display:flex}.badge.earned{border-color:var(--color-primary-border);background:var(--color-primary-soft)}.badge-icon{filter:grayscale();opacity:.35;font-size:1.6rem}.badge.earned .badge-icon{filter:none;opacity:1}.badge-label{color:var(--color-text-tertiary);font-size:.7rem;font-weight:700;line-height:1.25}.badge.earned .badge-label{color:var(--color-navy-2)}.reset-link{color:var(--color-red);margin:16px auto 0;display:block}.app{min-height:100vh;padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(60px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));justify-content:center;align-items:flex-start;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-xs);animation:card-in .35s var(--ease);margin-top:24px;padding:28px 22px}@keyframes card-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}h1{font-size:var(--fs-large-title);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--color-navy);letter-spacing:-.01em;margin:0 0 4px}.subtitle{font-size:var(--fs-body);color:var(--color-primary-dark);font-weight:var(--fw-semibold);letter-spacing:.02em;margin:0 0 16px}.blurb{font-size:var(--fs-body);color:var(--color-text-secondary);line-height:var(--lh-body);margin:0 0 24px}.btn-primary{width:100%;min-height:var(--tap-min);font-size:var(--fs-title);font-weight:var(--fw-bold);color:#fff;background:var(--color-accent);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-primary);transition:background var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);border:none;padding:15px}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-primary-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-primary);transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:default;box-shadow:none}.btn-secondary{width:100%;min-height:var(--tap-min);font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--color-primary);background:var(--color-primary-soft);border:2px solid var(--color-primary-border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);margin-top:12px;padding:14px}.btn-secondary:hover:not(:disabled){background:var(--color-primary-border);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-secondary:disabled{opacity:.5;cursor:default}.link-back{color:var(--color-primary-dark);cursor:pointer;transition:opacity var(--t-fast);background:0 0;border:none;padding:0;font-size:.9rem;font-weight:600}.link-back:hover{opacity:.75}.timer{font-variant-numeric:tabular-nums;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-pill);padding:3px 12px;font-size:1.05rem;font-weight:800}.timer.low{color:var(--color-red);background:var(--color-red-bg)}.topic-option{justify-content:space-between;align-items:center;font-weight:600;display:flex}.topic-count{color:var(--color-text-tertiary);font-size:.8rem;font-weight:600}.option.chosen{border-color:var(--color-primary);background:var(--color-primary-soft);font-weight:700}.mock-nav{gap:10px;margin-top:22px;display:flex}.mock-nav .btn-secondary,.mock-nav .btn-primary{margin-top:0}.verdict{letter-spacing:.04em;margin:8px 0 4px;font-size:2.4rem;font-weight:800}.verdict.pass{color:var(--color-green)}.verdict.fail{color:var(--color-red)}.review{text-align:left;margin-top:24px}.review h3{color:var(--color-navy-2);margin:0 0 12px;font-size:1.05rem}.review-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-xs);margin-bottom:12px;padding:14px}.review-q{color:var(--color-text);margin:0 0 8px;font-weight:700}.review-line{color:var(--color-text-secondary);margin:2px 0;font-size:.95rem}.review-label{font-weight:700}.wrong-label{color:var(--color-red)}.right-label{color:var(--color-green)}.review-exp{color:var(--color-text-tertiary);margin:8px 0 0;font-size:.9rem;line-height:1.5}.result-ring-row{justify-content:center;margin:4px 0 16px;display:flex}.progress-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.counter{color:var(--color-text-tertiary);flex-shrink:0;font-size:.85rem;font-weight:600}.quiz-topic-pill{letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-pill);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:55%;margin-left:10px;padding:3px 10px;font-size:.7rem;font-weight:700;overflow:hidden}.progress-bar{background:var(--color-border);border-radius:var(--radius-pill);height:9px;margin-bottom:22px;overflow:hidden;box-shadow:inset 0 1px 2px #0f2c4d14}.progress-fill{background:linear-gradient(90deg, var(--color-primary), #4b98ea);border-radius:var(--radius-pill);height:100%;transition:width .3s}.quiz-body{animation:card-in .25s var(--ease)}.question{color:var(--color-navy-2);margin:0 0 20px;font-size:1.2rem;line-height:1.4}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;border:2px solid var(--color-border-strong);background:var(--color-bg-soft);border-radius:var(--radius-md);cursor:pointer;width:100%;color:var(--color-text);box-shadow:var(--shadow-xs);transition:border-color var(--t-fast), background var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);align-items:center;gap:12px;padding:13px 16px;font-family:inherit;font-size:1rem;display:flex}.option-letter{width:28px;height:28px;color:var(--color-text-tertiary);background:var(--color-surface);border:2px solid var(--color-border-strong);transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:flex}.option-text{flex:1}.option-icon{flex:none;font-size:1.15rem;font-weight:800;line-height:1}.option:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.option:active:not(:disabled){transform:translateY(0)scale(.995)}.option:disabled{cursor:default}.option.correct{border-color:var(--color-green);background:var(--color-green-bg);font-weight:700;box-shadow:0 4px 14px #1f9d552e}.option.correct .option-letter{background:var(--color-green);border-color:var(--color-green);color:#fff}.option.correct .option-icon{color:var(--color-green)}.option.wrong{border-color:var(--color-red);background:var(--color-red-bg);animation:option-shake .4s var(--ease);box-shadow:0 4px 14px #d645452e}.option.wrong .option-letter{background:var(--color-red);border-color:var(--color-red);color:#fff}.option.wrong .option-icon{color:var(--color-red)}.option.chosen .option-letter{background:var(--color-primary);border-color:var(--color-primary);color:#fff}@keyframes option-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.option.dimmed{opacity:.55}.feedback{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-soft);animation:card-in .25s var(--ease);margin-top:20px;padding:16px}.feedback-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.feedback-icon{color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;font-weight:800;display:flex}.feedback.ok .feedback-icon{background:var(--color-green)}.feedback.bad .feedback-icon{background:var(--color-red)}.feedback.ok strong{color:var(--color-green)}.feedback.bad strong{color:var(--color-red)}.feedback p{color:var(--color-text-secondary);margin:8px 0 18px;line-height:1.55}.score-big{color:var(--color-primary);margin:8px 0 0;font-size:3rem;font-weight:800}.home-shell{min-height:100vh;padding-bottom:max(40px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex}.home-hero{box-sizing:border-box;background:linear-gradient(135deg, var(--color-hero-from) 0%, var(--color-primary) 100%);width:100%;max-width:560px;padding:max(20px, env(safe-area-inset-top)) 22px 52px;animation:card-in .35s var(--ease);border-radius:0 0 28px 28px}.home-hero-back{color:#ffffffd9;font-weight:600;font-size:var(--fs-caption);text-decoration:none}.home-hero-back:hover{color:#fff}.home-hero-top{align-items:center;gap:8px;margin-top:18px;display:flex}.home-hero-badge{font-size:var(--fs-caption);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:#fff;border-radius:var(--radius-pill);background:#ffffff29;padding:4px 12px;display:inline-block}.home-hero-premium{font-size:var(--fs-caption);font-weight:var(--fw-bold);color:#fff;border-radius:var(--radius-pill);background:#ffffff29;align-items:center;gap:4px;padding:4px 12px;display:inline-flex}.home-hero-title{font-size:var(--fs-large-title);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:#fff;letter-spacing:-.01em;margin:12px 0 20px}.home-hero-sub{color:#ffffffe0;font-size:var(--fs-body);line-height:var(--lh-body);max-width:32ch}.home-ring-row{align-items:center;gap:18px;display:flex}.progress-ring{flex:none}.progress-ring-value{font-size:var(--fs-title);font-weight:var(--fw-bold);color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.progress-ring-wrap{width:72px;height:72px;position:relative}.home-ring-stats{flex-direction:column;gap:6px;display:flex}.home-ring-stat{color:#ffffffeb;font-size:var(--fs-caption);font-weight:var(--fw-semibold)}.home-ring-stat b{font-size:var(--fs-title);font-weight:var(--fw-bold);margin-right:4px}.home-sheet{box-sizing:border-box;background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:560px;box-shadow:var(--shadow-sm);z-index:1;margin-top:-32px;padding:26px 22px 8px;position:relative}.screen-head{align-items:center;gap:12px;margin:14px 0 4px;display:flex}.screen-head h1{margin:0}.screen-head-icon{border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:1.3rem;display:flex}.screen-head-icon.blue{background:var(--color-primary-soft)}.screen-head-icon.green{background:var(--color-green-bg)}.screen-head-icon.amber{background:var(--color-amber-bg)}.case-study-scenario{background:var(--color-amber-bg);border:1px solid var(--color-amber);border-radius:var(--radius-md);text-align:left;margin:14px 0 18px;padding:14px 16px}.case-study-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-amber-text);margin-bottom:6px;font-size:.72rem;font-weight:800;display:block}.case-study-scenario p{color:var(--color-text);margin:0;font-size:.95rem;line-height:1.55}.tile-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;min-height:84px;box-shadow:var(--shadow-xs);transition:transform var(--t-fast), box-shadow var(--t-fast), border-color var(--t-fast);flex-direction:column;align-items:flex-start;gap:10px;padding:14px;display:flex}.tile:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary-border);transform:translateY(-1px)}.tile:active{transform:translateY(0)scale(.98)}.tile-icon-badge{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.15rem;line-height:1;display:flex}.tile-icon-badge.blue{background:var(--color-primary-soft)}.tile-icon-badge.green{background:var(--color-green-bg)}.tile-icon-badge.amber{background:var(--color-amber-bg)}.tile-label{font-size:var(--fs-caption);font-weight:var(--fw-bold);color:var(--color-navy-2);line-height:var(--lh-tight)}@media (width<=360px){.card{border-radius:var(--radius-lg);padding:22px 16px}h1{font-size:1.4rem}.score-big{font-size:2.4rem}}@media (width>=640px){.app{padding-top:max(40px, env(safe-area-inset-top))}.card{max-width:560px;padding:36px 32px}}