:root{letter-spacing:-.011em;color:#111827;--page-bg:#f8fafc;--ink:#0a0c1b;background:var(--page-bg);--blue:#2563eb;--blue-dark:#1d4ed8;--muted:#64748b;--line:#e5e7eb;--soft:#f8fafc;--green:#10b981;--orange:#f59e0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:1.55}*{box-sizing:border-box;letter-spacing:0}body{background:var(--page-bg);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:1.55}button,input,textarea,select{letter-spacing:-.01em;font-family:inherit;font-size:15px;font-style:normal;font-weight:400;line-height:1.45}button{cursor:pointer}a{color:inherit;text-decoration:none}.btn{letter-spacing:-.02em;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 22px;font-weight:600;transition:all .15s;display:inline-flex}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px #2563eb47}.btn.primary:hover{background:var(--blue-dark)}.btn.soft{color:#1f2937;border:1px solid var(--line);box-shadow:none;background:#fff}.btn.outline{color:#334155;border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:10px}.btn.large{border-radius:12px;min-height:52px;padding:0 28px;font-size:15px}.btn.block{border-radius:10px;width:100%}.btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.btn.ghost{color:#475569;box-shadow:none;background:0 0;border:0;min-height:auto;padding:8px 12px;font-weight:500}.btn.ghost:hover{color:#0f172a;background:#f1f5f9}.btn.nav-ghost{color:#374151;border-radius:8px;min-height:40px;padding:0 8px;font-weight:500}.intro-page .btn,.exam-page .btn{border-radius:8px;min-height:38px;padding:0 18px;font-size:14px}.intro-page .btn.block{min-height:40px}.exam-page .btn.large{min-height:46px;padding:0 22px;font-size:14px}.brand-mark{color:#0f172a;align-items:center;gap:9px;font-size:18px;font-weight:600;display:inline-flex}.brand-mark span{background:var(--blue);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.brand-mark--compact{gap:7px;font-size:16px}.brand-mark--compact span{border-radius:8px;width:28px;height:28px}.marketing-nav{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:28px;height:72px;padding:0 6.4%;display:flex}.marketing-nav nav{color:#374151;flex:1;justify-content:center;gap:28px;font-size:14px;font-weight:500;display:flex}.marketing-nav nav a:hover{color:var(--blue)}.nav-lang{color:#6b7280;align-items:center;gap:7px;font-size:14px;font-weight:500;display:inline-flex}.nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.nav-pill-group{align-items:center;gap:18px;display:flex}.btn.nav-pill-secondary{color:#111827;letter-spacing:-.02em;min-height:44px;box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:0 22px;font-size:15px;font-weight:500}.btn.nav-pill-secondary:hover{background:#f1f5f9}.btn.nav-pill-danger{color:#fff;letter-spacing:-.02em;background:#ef4444;border:1px solid #ef4444;border-radius:999px;min-height:44px;padding:0 22px;font-size:15px;font-weight:600;box-shadow:0 10px 22px #ef44443d}.btn.nav-pill-danger:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 12px 26px #dc262647}.btn.nav-pill-primary{color:#fff;letter-spacing:-.02em;min-height:44px;box-shadow:none;background:#2563eb;border:0;border-radius:999px;padding:0 22px;font-size:15px;font-weight:600}.btn.nav-pill-primary:hover{background:#1d4ed8}.nav-actions .user-chip{color:#111827;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;max-width:180px;min-height:44px;padding:0 22px;font-size:15px;font-weight:600;display:inline-flex;overflow:hidden}.nav-notif-wrap{position:relative}.nav-notif-btn{border:1px solid var(--line);color:#0f172a;cursor:pointer;background:#f8fafc;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:relative}.nav-notif-btn:hover{background:#eff6ff;border-color:#bfdbfe}.nav-notif-badge{color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;top:4px;right:4px}.nav-notif-panel{border:1px solid var(--line);z-index:200;background:#fff;border-radius:12px;width:min(360px,100vw - 32px);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 40px #0f172a1f}.nav-notif-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.nav-notif-markall{color:var(--blue);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;text-decoration:underline}.nav-notif-empty{color:#6b7280;margin:0;padding:20px 16px;font-size:13px}.nav-notif-list{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.nav-notif-item{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f1f5f9;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px 14px;font-family:inherit;display:flex}.nav-notif-item:hover{background:#f8fafc}.nav-notif-item.read{opacity:.72}.nav-notif-item strong{color:#111827;font-size:13px}.nav-notif-body{color:#64748b;font-size:12px;line-height:1.45}.nav-notif-item small{color:#94a3b8;font-size:11px}.hero-section{background:var(--page-bg);grid-template-columns:minmax(380px,1fr) minmax(400px,520px);align-items:center;gap:48px;min-height:min(720px,92vh);padding:56px 8% 64px;display:grid}.hero-copy{text-align:left;max-width:560px}.hero-copy .pill{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.hero-copy .pill:before{content:"";background:#2563eb;border-radius:50%;flex-shrink:0;width:7px;height:7px}.hero-title{letter-spacing:-.02em;margin:24px 0 0;font-size:clamp(38px,4.2vw,56px);font-weight:700;line-height:1.08}.hero-title__line1,.hero-title__line2{display:block}.hero-title__line1{color:#111827}.hero-title__line2{color:#2563eb;margin-top:.06em}.hero-subtitle{color:#111827;margin:18px 0 0;font-size:clamp(19px,2.1vw,24px);font-weight:500;line-height:1.35}.hero-lede{color:#4b5563;max-width:520px;margin:22px 0 0;font-size:15px;font-weight:400;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px;display:flex}.hero-cta-primary.btn.primary.large{color:#fff;background:#2563eb;border:0;border-radius:999px;min-height:48px;padding:0 24px;font-size:15px;font-weight:600;box-shadow:0 10px 24px #2563eb47}.hero-cta-primary.btn.primary.large:hover{background:#1d4ed8}.hero-cta-secondary.btn.soft.large{color:#1f2937;min-height:48px;box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:0 24px;font-size:15px;font-weight:600}.hero-cta-secondary.btn.soft.large:hover{background:#f8fafc}.hero-illustration{justify-content:center;align-items:center;min-width:0;display:flex}.hero-image{vertical-align:middle;width:100%;max-width:min(100%,520px);height:auto}.feature-cards-section{background:#fff;padding:56px 8% 64px}.feature-cards-inner{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:24px;max-width:1440px;margin:0 auto;display:grid}.feature-card{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;align-items:flex-start;min-width:0;padding:28px 24px 26px;display:flex;box-shadow:0 1px 2px #0f172a0a,0 12px 32px #0f172a14}.feature-card__icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.feature-card--blue .feature-card__icon-wrap{color:#2563eb;background:#eff6ff}.feature-card--teal .feature-card__icon-wrap{color:#0d9488;background:#ccfbf1}.feature-card--orange .feature-card__icon-wrap{color:#ea580c;background:#ffedd5}.feature-card--slate .feature-card__icon-wrap{color:#111827;background:#f3f4f6}.feature-card__title{color:#111827;letter-spacing:-.02em;margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.2}.feature-card__desc{color:#6b7280;flex:auto;margin:0;font-size:14px;font-weight:400;line-height:1.6}.feature-card__link{letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:24px;padding:0;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-flex}.feature-card__link:hover{opacity:.82}.feature-card__arrow{font-weight:600;line-height:1}.feature-card__link--blue{color:#2563eb}.feature-card__link--teal{color:#0d9488}.feature-card__link--orange{color:#ea580c}.feature-card__link--slate{color:#111827}@media (width<=1100px){.feature-cards-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.feature-cards-section{padding:36px 18px 44px}.feature-cards-inner{grid-template-columns:1fr;gap:18px}}.cta-band{color:#fff;text-align:center;background-color:#0f172a;background-image:radial-gradient(#94a3b81c 1px,#0000 0);background-size:24px 24px;padding:80px 24px}.cta-band__inner{text-align:center;flex-direction:column;align-items:center;max-width:672px;margin:0 auto;display:flex}.cta-band h2{letter-spacing:-.02em;color:#fff;margin:0 0 16px;font-size:clamp(28px,3.6vw,36px);font-weight:700;line-height:1.2}.cta-band p{color:#94a3b8;max-width:42rem;margin:0 0 32px;font-size:18px;font-weight:400;line-height:1.65}.cta-band__btn.btn.primary.large{color:#fff;background:#2563eb;border:0;border-radius:999px;min-height:48px;padding:0 32px;font-size:16px;font-weight:600;box-shadow:0 0 22px #2563eb73}.cta-band__btn.btn.primary.large:hover{filter:brightness(1.05)}.site-footer{color:#6b7280;background:#fff;border-top:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 40px;padding:72px 8% 0;display:grid}.footer-col{min-width:0}.footer-col--brand p{color:#6b7280;max-width:320px;margin:18px 0 22px;font-size:14px;font-weight:400;line-height:1.65}.footer-col strong{color:#111827;letter-spacing:-.01em;margin-bottom:20px;font-size:15px;font-weight:700;display:block}.footer-col>a{color:#6b7280;margin:0 0 14px;font-size:14px;font-weight:400;display:block}.footer-col>a:last-child{margin-bottom:0}.footer-col a:hover{color:#2563eb}.footer-social{align-items:center;gap:12px;display:flex}.footer-social-btn{color:#6b7280;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.footer-social-btn:hover{color:#374151;background:#e5e7eb}.footer-social-svg{flex-shrink:0;display:block}.footer-bar{border-top:1px solid #e5e7eb;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px 24px;margin-top:48px;padding:28px 0 36px;display:flex}.footer-copyright{color:#6b7280;font-size:13px;font-weight:400}.footer-legal{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.footer-legal a{color:#6b7280;margin:0;font-size:13px;font-weight:400;text-decoration:none;display:inline}.footer-legal a:hover{color:#374151}.intro-page{background:#f8fafc;min-height:100vh}.intro-card,.confirm-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:min(840px,100% - 32px);margin-left:auto;margin-right:auto;padding:36px 40px;box-shadow:0 1px 3px #0f172a0f,0 12px 32px #0f172a0f}.intro-card{margin-top:40px}.confirm-card{flex-direction:column;gap:18px;margin-top:24px;margin-bottom:48px;display:flex}.intro-card h1{color:#0f172a;letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(24px,3.5vw,30px);font-weight:700;line-height:1.2}.intro-card__lede{color:#64748b;margin:0;font-size:15px;font-weight:400;line-height:1.65}.intro-meta{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:20px;margin-top:28px;padding:22px 24px;display:grid}.intro-meta-item{align-items:center;gap:14px;min-width:0;display:flex}.intro-meta-icon-wrap{color:#2563eb;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 1px 2px #0f172a0f}.intro-meta-icon-wrap svg{flex-shrink:0}.intro-meta-copy{text-align:left;flex-direction:column;gap:4px;min-width:0;display:flex}.intro-meta-label{letter-spacing:.06em;text-transform:uppercase;color:#64748b;font-size:10px;font-weight:600;line-height:1.2}.intro-meta-value{color:#0f172a;font-size:15px;font-weight:700;line-height:1.25}.intro-scoring{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:4px}.intro-scoring-toggle{cursor:pointer;color:#2563eb;text-align:left;background:0 0;border:none;align-items:center;gap:8px;margin:0;padding:0;font-size:14px;font-weight:600;display:inline-flex}.intro-scoring-toggle:hover{text-decoration:underline}.intro-scoring-body{color:#475569;margin-top:14px;font-size:14px;line-height:1.65}.intro-scoring-body p{margin:0 0 10px}.intro-scoring-subh{letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin:16px 0 8px;font-size:12px;font-weight:700}.intro-threshold-list{gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.intro-threshold-list li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;gap:12px;padding:8px 12px;display:flex}.intro-confirm-label{cursor:pointer;color:#64748b;align-items:flex-start;gap:12px;margin:0;font-size:14px;font-weight:400;line-height:1.5;display:flex}.intro-confirm-label input[type=checkbox]{accent-color:#818cf8;cursor:pointer;flex-shrink:0;width:18px;height:18px;margin:2px 0 0}.intro-secure-note{color:#94a3b8;justify-content:center;align-items:center;gap:8px;margin:8px 0 0;padding:0;font-size:13px;font-weight:400;display:flex}.intro-error-box{border-radius:8px}.intro-page .btn-intro-begin.btn.primary.block{color:#fff;background:#818cf8;border:0;border-radius:12px;min-height:52px;margin-top:4px;padding:0 24px;font-size:16px;font-weight:600;box-shadow:0 8px 24px #818cf866}.intro-page .btn-intro-begin.btn.primary.block:hover:not(:disabled){filter:brightness(1.06);background:#6366f1}.intro-page .btn-intro-begin.btn.primary.block:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.intro-page .btn-practice.btn.outline.block{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:48px;font-size:15px;font-weight:600;display:inline-flex}.intro-page .btn-practice.btn.outline.block:hover{background:#f9fafb}.practice-page{background:#f8f9fa;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.practice-topbar{background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:0 5%;display:flex}.practice-exit{color:#2563eb;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex}.practice-exit:hover{color:#1d4ed8}.practice-topbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px 20px;display:flex}.practice-mode-badge{color:#0f766e;background:#ccfbf1;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.practice-mode-hint{color:#64748b;max-width:340px;margin:0;font-size:13px;font-weight:500;line-height:1.45}.practice-banner{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:20px;width:calc(100% - 48px);max-width:1000px;margin:24px auto 28px;padding:22px 26px;display:flex;box-shadow:0 1px 3px #0f172a0a}.practice-banner__icon-wrap{color:#fff;background:#14b8a6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.practice-banner__body{min-width:0}.practice-banner__lead{color:#111827;margin:0 0 12px;font-size:16px;font-weight:600;line-height:1.45}.practice-banner__checks{flex-wrap:wrap;gap:20px 28px;margin:0;padding:0;list-style:none;display:flex}.practice-banner__checks li{color:#374151;align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.practice-banner__check{color:#22c55e;flex-shrink:0}.practice-layout{grid-template-columns:minmax(0,1fr) 316px;align-items:start;gap:28px;max-width:1120px;margin:0 auto 48px;padding:0 24px;display:grid}.practice-question-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0f172a0d}.practice-question-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 0;display:flex}.practice-q-label{color:#94a3b8;font-size:12px;font-weight:600}.practice-flag{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px;line-height:0}.practice-flag--active{color:#f59e0b;background:#fff7ed}.practice-q-text{color:#111827;border-bottom:1px solid #e5e7eb;margin:0;padding:14px 20px 18px;font-size:clamp(15px,1.4vw,17px);font-weight:700;line-height:1.4}.practice-answers{flex-direction:column;gap:10px;padding:16px 20px;display:flex}.practice-answer{text-align:left;cursor:pointer;color:#111827;background:#fff;border:2px solid #e5e7eb;border-radius:10px;grid-template-columns:20px 28px minmax(0,1fr);align-items:start;gap:8px;width:100%;min-height:58px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.45;transition:border-color .12s,background .12s;display:grid}.practice-answer:hover{border-color:#cbd5e1}.practice-answer i{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;display:flex}.practice-answer strong{color:#6b7280;font-weight:600}.practice-answer--selected{background:#eff6ff;border-color:#3b82f6}.practice-answer--selected strong{color:#111827}.practice-answer--selected i{background:#2563eb;border-color:#2563eb}.practice-answer--selected i:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px}.practice-question-footer{background:#fff;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.practice-footer-btn{cursor:pointer;border:0;border-radius:8px;align-items:center;gap:6px;min-height:42px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.practice-footer-btn--prev{color:#4b5563;background:#fff;border:1px solid #e5e7eb}.practice-footer-btn--prev:hover:not(:disabled){background:#f9fafb}.practice-footer-btn--prev:disabled{opacity:.45;cursor:not-allowed}.practice-footer-btn--next{color:#fff;background:#2563eb;border:1px solid #2563eb}.practice-footer-btn--next:hover{background:#1d4ed8;border-color:#1d4ed8}.practice-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0f172a0d}.practice-sidebar__head{color:#0f766e;background:linear-gradient(90deg,#e6fffa 0%,#ecfdf5 100%);border-bottom:1px solid #d1fae5;align-items:center;gap:10px;padding:14px 16px;display:flex}.practice-sidebar__head h3{color:#0f766e;letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.practice-sidebar__list{margin:0;padding:16px 14px 18px;list-style:none}.practice-how-item{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.practice-how-item:last-child{margin-bottom:0}.practice-how-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.practice-how-icon--blue{color:#2563eb;background:#dbeafe}.practice-how-icon--teal{color:#0d9488;background:#ccfbf1}.practice-how-icon--green{color:#059669;background:#d1fae5}.practice-how-icon--orange{color:#ea580c;background:#ffedd5}.practice-how-icon--violet{color:#7c3aed;background:#ede9fe}.practice-how-copy strong{color:#111827;margin-bottom:4px;font-size:13px;font-weight:700;display:block}.practice-how-copy p{color:#64748b;margin:0;font-size:12px;line-height:1.5}@media (width<=960px){.practice-layout{grid-template-columns:1fr;padding:0 18px}.practice-banner{text-align:center;flex-direction:column;align-items:center;width:calc(100% - 36px);margin:18px auto 22px}.practice-banner__checks{justify-content:center}.practice-topbar{padding:12px 18px}.practice-topbar-right{justify-content:flex-start;width:100%}}.link-button{color:var(--blue);background:0 0;border:0;align-items:center;gap:6px;font-weight:600;display:inline-flex}.link-button.center{justify-content:center;width:100%;margin-top:10px}.practice-tip{color:#64748b;margin:0;font-size:13px;line-height:1.5}.exam-page{background:#f8fafc;min-height:100vh}.exam-header{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:132px 1fr 204px 100px;align-items:center;gap:14px;height:58px;padding:0 4%;display:grid}.exam-header h2{margin:0 0 3px;font-size:17px;line-height:1.2}.exam-header p{color:#64748b;align-items:center;gap:5px;margin:0;font-size:12px;display:flex}.exam-header p svg{color:#22c55e;flex-shrink:0}.exam-progress span{color:#64748b;margin-bottom:5px;font-size:12px;display:block}.exam-progress b{background:#e9eff7;border-radius:999px;height:6px;display:block;overflow:hidden}.exam-progress i{background:var(--blue);border-radius:inherit;height:100%;display:block}.timer{border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;font-size:17px;font-weight:600;display:flex}.exam-layout{box-sizing:border-box;background:#f8fafc;grid-template-columns:minmax(0,1fr) 264px;align-items:start;gap:16px;min-height:calc(100vh - 58px);padding:16px 20px 24px;display:grid}.exam-workspace{align-content:start;gap:20px;min-width:0;padding:0;display:grid}.reading-workspace{grid-template-columns:minmax(280px,1fr) minmax(300px,1.05fr)}.grammar-workspace{grid-template-columns:minmax(0,680px);justify-content:center}.writing-workspace,.speaking-workspace{grid-template-columns:minmax(188px,248px) minmax(0,1fr)}.home-page{background:var(--page-bg)}.passage-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-self:start;min-width:0;max-height:min(68vh,720px);padding:20px 22px;overflow:auto;box-shadow:0 1px 3px #0f172a0d}.passage-card__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.passage-card__tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.passage-n,.passage-level{color:#6b7280;font-size:11px;font-weight:500}.passage-fs{border:1px solid var(--line);background:#fff;border-radius:8px;flex-shrink:0;align-items:center;gap:2px;padding:4px 6px;display:flex}.passage-fs button{cursor:pointer;color:#4b5563;background:0 0;border:0;border-radius:6px;padding:5px 9px;font-family:inherit;font-size:12px;font-weight:500}.passage-fs button.active{color:#3730a3;background:#e0e7ff}.passage-card--fs-sm p{font-size:12px!important;line-height:1.6!important}.passage-card--fs-sm .passage-heading,.passage-card--fs-sm .passage-card__instruction{font-size:clamp(14px,1.35vw,17px)!important}.passage-card--fs-md p{font-size:clamp(13px,1.12vw,16px)!important;line-height:1.58!important}.passage-card--fs-lg p{font-size:clamp(17px,1.55vw,20px)!important;line-height:1.68!important}.passage-card--fs-lg .passage-heading,.passage-card--fs-lg .passage-card__instruction{font-size:clamp(22px,2.25vw,30px)!important}.tag{text-transform:uppercase;color:#5b21b6;letter-spacing:.06em;background:#f3e8ff;border-radius:999px;padding:6px 12px;font-size:10px;font-weight:600}.tag--reading{color:#5b21b6;background:#f3e8ff}.tag--listening{color:#1d4ed8;background:#dbeafe}.passage-heading{color:#111827;overflow-wrap:anywhere;margin:0 0 16px;font-size:clamp(18px,1.85vw,24px);font-weight:700;line-height:1.25}.passage-card__instruction{color:#111827;margin:0 0 14px;font-size:clamp(15px,1.45vw,18px);font-weight:600;line-height:1.3}.passage-card p{color:#1f2937;overflow-wrap:anywhere;margin:0 0 14px;font-size:clamp(13px,1.12vw,16px);line-height:1.58}.passage-card p:last-child{margin-bottom:0}.audio-player{width:100%;margin:0 0 14px;display:block}.listening-rule-note{color:#0f172a;background:#ecfeff;border:1px solid #bae6fd;border-radius:10px;align-items:flex-start;gap:9px;margin:0 0 12px;padding:11px 12px;font-size:13px;line-height:1.45;display:flex}.listening-rule-note svg{color:#0891b2;flex-shrink:0;margin-top:1px}.listening-player{background:#f8fbff;border:1px solid #bfdbfe;border-radius:10px;gap:10px;width:100%;margin:0 0 14px;padding:12px;display:grid}.listening-player__button{color:#fff;background:#2563eb;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;font-weight:600;display:inline-flex}.listening-player__button:disabled{opacity:.58;cursor:not-allowed}.listening-player__meter{background:#dbeafe;border-radius:999px;height:7px;overflow:hidden}.listening-player__meter i{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#14b8a6);width:0;height:100%;transition:width .18s linear;display:block}.listening-player__meta{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.listening-player small{color:#64748b;text-align:center;font-size:12px}.exam-card,.question-panel,.writing-main,.speaking-main{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0f172a0d}.exam-card{align-self:start;min-width:0;overflow:hidden}.reading-workspace .exam-card{flex-direction:column;align-self:stretch;min-height:0;display:flex}.reading-workspace .exam-card .question-panel{flex-direction:column;flex:auto;min-height:0;display:flex}.reading-workspace .exam-card .answer-list{flex:auto;min-height:0;overflow-y:auto}.reading-workspace .exam-card .exam-actions{flex-shrink:0}.question-panel{border:0;border-radius:0;overflow:hidden}.question-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.question-title>div:first-child{flex:1;min-width:0}.question-title span{color:#94a3b8;font-size:12px;font-weight:600}.question-title h2{overflow-wrap:anywhere;color:#111827;margin:8px 0 0;font-size:clamp(15px,1.35vw,18px);font-weight:700;line-height:1.4}.question-title .flag-btn{margin-left:auto}.answer-list{gap:10px;padding:16px 18px;display:grid}.answer{color:#111827;text-align:left;overflow-wrap:anywhere;background:#fff;border:2px solid #e5e7eb;border-radius:10px;grid-template-columns:20px 22px minmax(0,1fr);align-items:start;gap:8px;width:100%;min-height:60px;padding:12px 14px;font-size:clamp(13px,1.05vw,15px);line-height:1.45;display:grid}.answer i{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;display:flex}.answer.selected{background:#eff6ff;border-color:#2563eb}.answer.selected i{background:#2563eb;border-color:#2563eb}.answer.selected i:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;display:block}.flag-btn{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px;line-height:0}.flag-btn--active{color:var(--orange);background:#fff7ed}.flag-btn--active:hover{background:#ffedd5}.exam-actions{border-top:1px solid var(--line);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.exam-actions .btn.outline{color:#374151;min-height:42px;box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:0 18px;font-size:14px;font-weight:600}.exam-actions .btn.outline:hover{background:#f9fafb}.exam-actions .btn.primary{color:#fff;min-height:42px;box-shadow:none;background:#2563eb;border:0;border-radius:8px;padding:0 20px;font-size:14px;font-weight:600}.exam-actions .btn.primary:hover{background:#1d4ed8}.exam-actions .btn{align-items:center;gap:6px;display:inline-flex}.overview{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;align-self:stretch;min-width:0;padding:18px 14px 20px;display:flex;box-shadow:0 1px 3px #0f172a0d}.overview h3{color:#0f172a;letter-spacing:-.02em;border-bottom:1px solid #e5e7eb;margin:0 0 16px;padding:0 0 14px;font-size:15px;font-weight:700}.legend{color:#6b7280;grid-template-columns:1fr 1fr;gap:10px 12px;margin-bottom:18px;font-size:12px;font-weight:500;display:grid}.legend span{align-items:center;gap:8px;display:inline-flex}.legend i{border-radius:2px;flex-shrink:0;width:12px;height:12px}.legend .blue{background:#2563eb}.legend .answered{background:#e5eaf2}.legend i.empty{box-sizing:border-box;background:#fff;border:1px solid #d1d5db}.legend .orange{background:#f59e0b}.overview-group h4,.overview>h4{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin:18px 0 10px;font-size:10px;font-weight:700}.overview>.overview-group:first-of-type h4{margin-top:0}.overview-group div{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.overview-group .overview-q{color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0;font-size:12px;font-weight:600;line-height:1;display:flex;position:relative}.overview-group .overview-q.answered:not(.flagged){color:#0f172a;background:#e5eaf2;border-color:#e5eaf2}.overview-group .overview-q.skipped:not(.active):not(.flagged){color:#9a3412;background:#fff7ed;border-color:#fdba74}.overview-group .overview-q.active:not(.flagged){color:#fff;box-shadow:none;background:#2563eb;border-color:#2563eb}.overview-group .overview-q.flagged{color:#fff;background:#f59e0b;border-color:#f59e0b}.overview-group .overview-q.active.flagged{box-shadow:0 0 0 2px #fff,0 0 0 4px #2563eb}.overview-group .overview-q.locked,.overview-wide.locked{color:#cbd5e1;cursor:not-allowed;background:#f8fafc;border-color:#e5e7eb}.overview-group .overview-q.locked.flagged{opacity:.7}.overview-q-flag{color:#fff;pointer-events:none;line-height:0;position:absolute;top:3px;right:3px}.overview-q-flag svg{width:10px;height:10px;display:block}.overview-wide{color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;min-height:40px;margin-bottom:8px;font-size:12px;font-weight:600}.overview button.overview-wide.active{color:#fff;box-shadow:none;background:#2563eb;border-color:#2563eb}.review-button{cursor:not-allowed;width:100%;margin-top:auto;color:#818cf8!important;background:#e0e7ff!important;border:1px solid #c7d2fe!important;border-radius:8px!important;min-height:44px!important;font-size:13px!important;font-weight:600!important}.review-button:not(:disabled){cursor:pointer;box-shadow:0 6px 16px #2563eb40;color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.overview small{text-align:center;color:#64748b;margin-top:10px;font-size:11px;display:block}.submit-progress-hint{text-align:center;color:#475569;margin-top:12px;padding:0 6px;font-size:12px;line-height:1.45;display:block}.tips-panel{border:1px solid var(--line);background:#fff;border-radius:12px;align-self:start;padding:16px;box-shadow:0 8px 18px #0f172a12}.system-check-card{border:1px solid var(--line);background:#f9fafb;border-radius:10px;margin-bottom:14px;padding:12px 14px}.system-check-card h3{color:#0f172a;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:12px;font-weight:600}.system-check-card ul{margin:0;padding:0;list-style:none}.system-check-card li{color:#4b5563;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.system-check-card li:last-child{margin-bottom:0}.system-check-ok{color:var(--green);flex-shrink:0}.tips-panel h3{align-items:center;gap:7px;margin:0 0 14px;font-size:15px;line-height:1.3;display:flex}.tips-panel p{color:#64748b;justify-content:space-between;gap:10px;font-size:13px;line-height:1.45;display:flex}.tips-panel strong{color:#00b894}.tips-panel input{border:1px solid var(--line);border-radius:8px;width:100%;min-height:38px;padding:0 12px;font-size:14px}.success-tips{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.word-target{border-top:1px solid var(--line);padding-top:16px}.word-target>span{color:#64748b;font-size:12px}.word-target strong{float:right;color:#111827}.word-target b{clear:both;background:#e2e8f0;border-radius:999px;height:8px;margin:10px 0 8px;display:block;overflow:hidden}.word-target i{background:var(--blue);height:100%;display:block}.word-target small{color:#64748b;font-size:12px}.reminder{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;margin-top:18px;padding:14px}.reminder h4{color:#9a3412;text-transform:uppercase;align-items:center;gap:7px;margin:0 0 6px;font-size:11px;display:flex}.reminder p{color:#111827;margin:0;font-size:13px;display:block}.writing-main,.speaking-main{min-width:0;padding:0;overflow:hidden}.topic-card,.speak-topic{border-top:4px solid var(--blue);margin:0;padding:18px 20px}.topic-card span,.speak-topic h2{text-transform:uppercase;color:var(--blue);letter-spacing:.06em;font-size:11px;font-weight:600}.topic-card .topic-heading{color:#0f172a;font-weight:600}.topic-card p{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:8px;padding:14px 16px;font-size:clamp(13px,1.15vw,16px);line-height:1.5}.topic-card small{color:#64748b;font-weight:600}.essay-box{border-top:1px solid var(--line)}.essay-box header{color:#334155;border-bottom:1px solid var(--line);align-items:center;gap:14px;height:44px;padding:0 18px;font-size:13px;font-weight:600;display:flex}.essay-box textarea{resize:vertical;color:#111827;border:0;outline:none;width:100%;min-height:clamp(210px,36vh,380px);padding:clamp(14px,2.5vw,28px);font-size:clamp(13px,1.15vw,16px);line-height:1.55}.next-wide{float:right;border-radius:8px;margin:14px 18px 18px}.speak-topic{text-align:center}.speak-topic h2{color:#64748b;font-size:16px}.speak-topic h1{overflow-wrap:anywhere;max-width:640px;margin:14px auto;font-size:clamp(17px,1.85vw,25px);line-height:1.2}.speak-topic div{flex-wrap:wrap;justify-content:center;gap:12px;margin:16px 0;display:flex}.speak-topic div span{border:1px solid var(--line);color:#64748b;text-transform:uppercase;border-radius:8px;padding:9px 16px;font-size:11px;font-weight:600}.speak-topic div strong{color:var(--blue);font-size:21px;display:block}.speak-topic p{color:#0046bd;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;padding:12px 14px;font-size:13px}.recording-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(12px);background:#0f172a6b;place-items:center;padding:24px;animation:.2s ease-out both recordingBackdropIn;display:grid;position:fixed;inset:0}.recording-modal{text-align:center;background:#fff;border:1px solid #bfdbfee6;border-radius:16px;width:min(440px,100%);padding:28px;animation:.32s cubic-bezier(.2,.75,.25,1.2) both recordingModalIn;box-shadow:0 30px 80px #0f172a47}.recording-modal__icon{width:54px;height:54px;color:var(--blue);background:#eff6ff;border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.recording-modal h2{color:#0f172a;margin:0 0 10px;font-size:22px;line-height:1.2}.recording-modal p{color:#64748b;margin:0;line-height:1.6}.recording-modal p strong{color:#0f172a}.recording-modal__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.recording-box{--voice-level:0;--voice-glow:.1;--voice-field:.16;--voice-ring:7px;--voice-icon-scale:1;--voice-opacity:.72;--voice-saturate:1;--voice-pulse-scale:1;--voice-pulse-alpha:.34;--voice-pulse-width:2px;--voice-pulse-start:.78;--voice-pulse-end:1.34;width:calc(100% - 36px);min-height:clamp(220px,34vh,320px);color:var(--blue);background:#fff;border:1px solid #bfdbfe;border-radius:12px;align-content:center;place-items:center;gap:12px;margin:16px 18px;font-size:clamp(14px,1.4vw,17px);font-weight:600;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.recording-box:before{content:"";opacity:.72;pointer-events:none;background:radial-gradient(circle at 50% 42%,#2563eb1f,#0000 34%),linear-gradient(135deg,#dbeafe8c,#0000 58%);border-radius:10px;position:absolute;inset:12px}.recording-orbit{z-index:1;width:min(100%,860px);min-height:148px;color:var(--blue);place-items:center;padding:18px 20px;display:grid;position:relative}.recording-listener-wrap{z-index:3;width:112px;height:112px;color:inherit;font-size:initial;place-items:center;display:grid;position:relative}.recording-box .recording-listener-wrap{font-size:initial}.recording-listener-face{z-index:3;background:radial-gradient(circle at 50% 38%,#ffffffe6,#0000 33%),linear-gradient(145deg,#2563eb,#0ea5e9 58%,#14b8a6);border-radius:50%;width:78px;height:78px;transition:transform .15s,box-shadow .18s,filter .18s;position:relative;box-shadow:0 18px 42px #2563eb3d,inset 0 -12px 24px #0f172a26}.listener-eye,.listener-mouth,.listener-ear,.listener-signal,.listener-mic{display:block;position:absolute}.listener-eye{background:#fff;border-radius:999px;width:8px;height:11px;top:29px;box-shadow:0 0 0 2px #0f172a0f}.listener-eye--left{left:24px}.listener-eye--right{right:24px}.listener-mouth{border:3px solid #ffffffeb;border-top:0;border-radius:0 0 999px 999px;width:25px;height:13px;bottom:22px;left:50%;transform:translate(-50%)}.listener-ear{background:#dbeafe;border-radius:999px;width:12px;height:22px;top:32px;box-shadow:inset 0 0 0 3px #2563eb29}.listener-ear--left{left:-6px}.listener-ear--right{right:-6px}.listener-mic{color:#0369a1;background:#fff;border-radius:50%;width:25px;height:25px;padding:5px;bottom:8px;right:8px;box-shadow:0 8px 18px #0f172a29}.listener-signal{z-index:1;border:var(--voice-pulse-width) solid rgba(14, 165, 233, var(--voice-pulse-alpha));opacity:0;background:radial-gradient(circle,#14b8a629,#0000 56%),#0ea5e91f;border-radius:50%;position:absolute;inset:9px;transform:scale(.86);box-shadow:0 0 0 8px #0ea5e90f,0 0 34px #0ea5e93d}.listener-signal--two{inset:0}.listener-signal--three{inset:-12px}.recording-timer-ring{width:112px;height:112px;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.recording-timer-ring__track,.recording-timer-ring__progress{fill:none;stroke-width:5px}.recording-timer-ring__track{stroke:#2563eb24}.recording-timer-ring__progress{stroke:#14b8a6;stroke-linecap:round;transition:stroke-dashoffset .2s linear,stroke .18s}.recording-box.active{color:#0369a1;box-shadow:0 18px 42px rgba(14, 165, 233, var(--voice-glow));background:radial-gradient(circle at 50% 45%,#0ea5e921,#0000 42%),linear-gradient(#f8fbff,#fff);border-color:#38bdf8}.recording-box.active:before{background:radial-gradient(circle at 50% 42%, rgba(14, 165, 233, var(--voice-field)), transparent 34%), linear-gradient(135deg, #14b8a61f, transparent 58%);animation:1.45s linear infinite recordingWaveField}.recording-box.active .recording-listener-face{box-shadow:0 18px 44px #0ea5e952, 0 0 0 var(--voice-ring) #0ea5e91c, inset 0 -12px 24px #0f172a26;transform:scale(var(--voice-icon-scale));filter:saturate(var(--voice-saturate))}.recording-box.active .listener-eye{animation:3.2s infinite listenerBlink}.recording-box.active .listener-mouth{animation:1.2s ease-in-out infinite listenerMouth}.recording-box.active .listener-signal{animation:1.35s cubic-bezier(.2,.75,.2,1) infinite listenerSignal}.recording-box.active .listener-signal--two{animation-delay:.42s}.recording-box.active .listener-signal--three{animation-delay:.84s}.recording-box>strong,.recording-box>span:not(.recording-orbit){z-index:1;position:relative}.recording-box span{color:#111827;font-size:20px}.recording-box.active>strong{color:#0f172a}.recording-box.active>span:not(.recording-orbit){color:#0369a1}.recording-box.active .recording-timer-ring__progress{stroke:#0ea5e9}.recording-saved-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 18px 4px;display:flex}.recording-saved-row .practice-tip{flex:240px;margin:0}@keyframes recordingBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes recordingModalIn{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes listenerBlink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.15)}}@keyframes listenerMouth{0%,to{opacity:.86;width:22px;height:11px}50%{opacity:1;width:30px;height:16px}}@keyframes listenerSignal{0%{opacity:var(--voice-pulse-alpha);transform:scale(var(--voice-pulse-start))}70%{opacity:.22}to{opacity:0;transform:scale(var(--voice-pulse-end))}}@keyframes recordingWaveField{0%{background-position:0 0,0 0}to{background-position:0 0,44px 0}}.result-page,.submitted-page{background:var(--page-bg);min-height:100vh}.submitted-card{text-align:center;border:1px solid var(--line);background:#fff;border-radius:14px;width:min(680px,100% - 32px);margin:82px auto;padding:36px;box-shadow:0 18px 46px #0f172a14}.submitted-card h1{color:#0f172a;margin:22px 0 12px;font-size:clamp(26px,3.4vw,36px);line-height:1.15}.submitted-card p{color:#64748b;max-width:520px;margin:0 auto 24px;line-height:1.65}.result-hero{text-align:center;padding:70px 20px 44px}.success-pill{color:#16a34a;background:#dcfce7;border:1px solid #86efac;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex}.result-hero h1{margin:26px 0 18px;font-size:36px}.level-card{background:#fff;border:1px solid #bae6fd;border-radius:12px;width:280px;margin:0 auto 22px;padding:20px;box-shadow:0 0 0 4px #dbeafe}.level-card small{color:#64748b;text-transform:uppercase;font-weight:600;display:block}.level-card strong{color:var(--blue);margin-right:8px;font-size:42px}.level-card span{color:#64748b;font-size:17px;font-weight:500}.level-card--pending{border-color:#fdba74;box-shadow:0 0 0 4px #ffedd5}.result-pending-banner{color:#854d0e;text-align:left;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;max-width:560px;margin:0 auto 20px;padding:14px 18px;font-size:14px;line-height:1.55}.result-hero p{color:#64748b;max-width:540px;margin:0 auto;line-height:1.6}.result-grid{grid-template-columns:340px 1fr;gap:28px;width:min(1060px,100% - 40px);margin:0 auto 24px;display:grid}.score-card,.scale-card,.breakdown{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px}.score-ring{border:12px solid var(--blue);border-radius:50%;align-content:center;place-items:center;width:132px;height:132px;margin:25px auto;display:grid}.score-ring strong{font-size:30px}.score-ring span{color:#64748b}.score-card p{color:#475569;background:#eef4ff;border:1px solid #dbeafe;border-radius:8px;padding:16px;line-height:1.6}.scale{border-top:3px solid #e2e8f0;justify-content:space-between;align-items:center;margin:44px 0;display:flex}.scale span{color:#94a3b8;background:#fff;border:2px solid #e2e8f0;border-radius:50%;place-items:center;width:38px;height:38px;margin-top:-19px;display:grid}.scale span.active{background:var(--blue);border-color:var(--blue);color:#fff;transform:scale(1.25)}.scale-notes{grid-template-columns:1fr 1fr;gap:12px;display:grid}.scale-notes p{border:1px solid var(--line);color:#64748b;border-radius:8px;padding:14px;line-height:1.6}.result-threshold-mini{border:1px solid var(--line);color:#475569;background:#f8fafc;border-radius:10px;gap:6px;margin:0 0 16px;padding:12px 14px;font-size:12px;list-style:none;display:grid}.result-threshold-mini li{margin:0}.breakdown{width:min(1060px,100% - 40px);margin:0 auto}.breakdown-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.breakdown-head h3{color:#111827;margin:0;font-size:18px;font-weight:600}.breakdown-legend{color:#6b7280;align-items:center;gap:14px;margin:0;font-size:12px;display:flex}.breakdown-legend .dot{vertical-align:middle;border-radius:2px;width:8px;height:8px;margin-right:5px;display:inline-block}.breakdown-legend .dot.strength{background:#14b8a6}.breakdown-legend .dot.good{background:#93c5fd}.skill{border:1px solid var(--line);border-radius:9px;grid-template-columns:28px 110px 1fr 72px;align-items:center;gap:10px;margin-top:14px;padding:16px;display:grid}.skill svg{color:var(--blue);background:#eff6ff;border-radius:6px;width:26px;height:26px;padding:5px}.skill b{background:#edf2f7;border-radius:999px;height:7px;overflow:hidden}.skill i{background:#14b8a6;height:100%;display:block}.skill strong{color:#1f2937;font-weight:500}.skill span{color:#374151;font-size:18px;font-weight:600}.result-page-footer{border-top:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(1060px,100% - 40px);margin:0 auto 48px;padding-top:28px;display:flex}.result-page-footer__links{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.result-page-footer__links a{color:#6b7280;font-size:13px}.result-page-footer__links a:hover{color:var(--blue)}.result-page-footer__note{color:#9ca3af;max-width:520px;margin:0;font-size:12px;line-height:1.5}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(10px);background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.auth-modal{z-index:1001;background:#fff;border-radius:14px;width:min(420px,100%);max-height:min(92vh,640px);padding:28px;position:relative;overflow:auto;box-shadow:0 30px 90px #0f172a4d}.auth-modal h2{margin:24px 0 18px}.auth-modal input{border:1px solid var(--line);border-radius:8px;width:100%;min-height:46px;margin-bottom:12px;padding:0 14px}.password-field{margin-bottom:12px;position:relative}.password-field input{margin-bottom:0;padding-right:46px}.password-field button{color:#64748b;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;right:8px}.password-field button:hover{color:#0f172a;background:#f1f5f9}.error{color:#b42318;background:#fff1f0;border-radius:8px;padding:10px 12px}@media (width<=1050px){.marketing-nav nav{display:none}.hero-section,.practice-layout,.result-grid{grid-template-columns:1fr}.exam-layout{grid-template-columns:1fr;padding:12px 16px 20px}.overview{border-top:1px solid #e5e7eb;border-radius:10px;margin-top:4px}.exam-header{grid-template-columns:1fr;height:auto;padding:16px}.site-footer{grid-template-columns:1fr}.footer-bar{flex-direction:column;align-items:flex-start;gap:20px;margin-top:40px}.footer-legal{gap:20px 28px}}@media (width<=1280px){.exam-header{grid-template-columns:124px minmax(160px,1fr) minmax(170px,196px) 92px;gap:12px;padding:0 18px}.reading-workspace{grid-template-columns:1fr}.passage-card{max-height:none}.exam-card{width:100%}}@media (width<=1050px){.exam-header{grid-template-columns:1fr;height:auto;padding:16px}.exam-layout{grid-template-columns:1fr;padding:12px 16px 20px}.overview{border-top:1px solid #e5e7eb;border-radius:10px;margin-top:4px}}@media (width<=900px){.exam-workspace{gap:16px;padding:0}.exam-layout{padding:12px 14px 20px}.writing-workspace,.speaking-workspace{grid-template-columns:1fr}.tips-panel{order:2}.writing-main,.speaking-main{order:1}.overview{padding:14px 12px 18px}.overview h3{margin:0 0 14px;padding-bottom:12px}.overview-group div{grid-template-columns:repeat(auto-fit,minmax(36px,1fr))}.review-button{margin-top:18px}.tips-panel p{display:block}.tips-panel p strong{float:right}.practice-layout{grid-template-columns:1fr;padding:0 14px}}@media (width<=720px){.marketing-nav{padding:0 16px}.nav-actions span,.nav-actions .soft{display:none}.hero-section{padding:44px 18px}.hero-title{font-size:44px}.intro-meta,.scale-notes,.site-footer{grid-template-columns:1fr}.intro-card,.confirm-card{padding:28px 22px}.intro-meta{gap:16px;padding:18px 16px}.site-footer{padding:56px 18px 0}.exam-header{gap:12px}.exam-header .brand-mark{justify-content:space-between;width:100%}.timer{width:100%}.passage-card,.question-title,.answer-list,.topic-card,.speak-topic{padding:14px 16px}.passage-card__head{flex-wrap:wrap;margin-bottom:12px}.tag{white-space:normal}.answer{grid-template-columns:18px 18px minmax(0,1fr);min-height:56px;padding:11px 12px;font-size:13px}.exam-actions{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:12px 14px}.exam-actions .btn{width:100%}.essay-box header{flex-wrap:wrap;gap:8px;height:auto;min-height:44px;padding:10px 16px}.recording-box{width:calc(100% - 28px);margin:14px}.next-wide{float:none;width:calc(100% - 28px);margin:12px 14px}.speak-topic div span{width:min(160px,100%)}.overview{max-height:none}}@media (width<=480px){.exam-layout{padding:10px 12px 16px}.brand-mark{font-size:16px}.question-title{flex-direction:column}.answer{grid-template-columns:20px minmax(0,1fr)}.answer strong{grid-column:2}.answer i{grid-row:span 2}.topic-card p,.speak-topic p{padding:14px}.recording-listener-wrap,.recording-timer-ring{width:92px;height:92px}.recording-listener-face{width:64px;height:64px}.listener-eye{width:7px;height:9px;top:24px}.listener-eye--left{left:20px}.listener-eye--right{right:20px}.listener-mouth{width:21px;height:11px;bottom:18px}.overview-group div{grid-template-columns:repeat(4,1fr)}}