:root{--c-primary: #0b5cab;--c-primary-dark: #08417a;--c-primary-light: #e8f1fb;--c-accent: #f5a623;--c-ink: #16202b;--c-muted: #5b6b7b;--c-line: #dbe3ec;--c-bg: #f4f7fb;--c-surface: #ffffff;--c-success: #1f9d55;--c-warning: #b17204;--c-danger: #d0424b;--c-locked: #9aa7b4;--c-reading: #0b5cab;--c-writing: #7b48c9;--c-listening: #1f9d55;--c-speaking: #e0662a;--font-base: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-head: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius: 14px;--radius-sm: 8px;--shadow: 0 6px 24px rgba(11, 60, 110, .08);--shadow-hover:0 12px 32px rgba(11, 60, 110, .16);--maxw: 1140px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-base);color:var(--c-ink);background:var(--c-bg);line-height:1.55}img{max-width:100%;display:block}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-head);line-height:1.25;margin:0 0 .5em}p{margin:0 0 1em}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.section{padding:32px 0}.stack>*+*{margin-top:16px}.text-muted{color:var(--c-muted)}.text-center{text-align:center}.hidden{display:none!important}.site-header{background:var(--c-surface);border-bottom:1px solid var(--c-line);position:sticky;top:0;z-index:20}.site-header .bar{display:flex;align-items:center;gap:16px;height:64px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--c-ink)}.brand:hover{text-decoration:none}.brand .logo{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px}.brand .brand-txt small{display:block;font-weight:500;color:var(--c-muted);font-size:12px}.site-header nav{margin-left:auto;display:flex;gap:6px;align-items:center}.site-header nav a{padding:8px 12px;border-radius:8px;color:var(--c-muted);font-size:14px;font-weight:600}.site-header nav a:hover{background:var(--c-primary-light);color:var(--c-primary);text-decoration:none}.site-header nav a.active{color:var(--c-primary);background:var(--c-primary-light)}.site-footer{border-top:1px solid var(--c-line);background:var(--c-surface);color:var(--c-muted);font-size:13px;margin-top:48px}.site-footer .bar{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;padding:20px 0}.site-footer .bar .sep{margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:600;font-size:15px;padding:11px 20px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:.15s ease;text-decoration:none;white-space:nowrap}.btn:hover{text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--c-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--c-primary-dark)}.btn-ghost{background:transparent;color:var(--c-primary);border-color:var(--c-line)}.btn-ghost:hover{background:var(--c-primary-light)}.btn-accent{background:var(--c-accent);color:#3a2600}.btn-lg{padding:14px 26px;font-size:16px}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.02em;padding:4px 10px;border-radius:999px;background:var(--c-primary-light);color:var(--c-primary)}.badge.gray{background:#eef1f5;color:var(--c-muted)}.badge.green{background:#e4f6ec;color:var(--c-success)}.badge.amber{background:#fdf1dc;color:var(--c-warning)}.card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);box-shadow:var(--shadow)}.card .card-body{padding:24px}.hero{padding:40px 0 8px}.hero h1{font-size:clamp(26px,4vw,38px)}.hero .lead{font-size:17px;color:var(--c-muted);max-width:720px}.hero .meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.segment-grid{display:grid;gap:22px;grid-template-columns:repeat(2,1fr);margin-top:8px}@media (max-width: 720px){.segment-grid{grid-template-columns:1fr}}.segment-card{position:relative;display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;text-decoration:none;color:var(--c-ink);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;overflow:hidden;min-height:210px}.segment-card:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--seg, var(--c-primary))}.segment-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--seg, var(--c-primary));text-decoration:none}.segment-card .seg-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.segment-card .seg-icon{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--seg) 12%,white);color:var(--seg)}.segment-card .seg-icon svg{width:28px;height:28px}.segment-card h3{font-size:20px;margin:16px 0 4px}.segment-card .seg-desc{color:var(--c-muted);font-size:14px;margin:0;flex:1}.segment-card .seg-facts{display:flex;gap:14px;margin-top:14px;font-size:12.5px;color:var(--c-muted)}.segment-card .seg-facts b{color:var(--c-ink);font-weight:700}.segment-card .seg-cta{margin-top:16px;font-weight:700;color:var(--seg);font-size:14px;display:flex;align-items:center;gap:6px}.segment-card.is-locked{pointer-events:none;filter:grayscale(1);opacity:.62}.segment-card.is-locked:before{background:var(--c-locked)}.segment-card .lock-flag{position:absolute;top:16px;right:16px;display:none;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--c-muted);background:#eef1f5;padding:4px 10px;border-radius:999px}.segment-card.is-locked .lock-flag{display:inline-flex}.segment-card.is-locked .seg-cta{color:var(--c-muted)}.samples-hero{background:linear-gradient(180deg,color-mix(in srgb,var(--seg, var(--c-primary)) 10%,#fff),var(--c-bg));border-bottom:1px solid var(--c-line);padding:26px 0 30px}.samples-hero .crumb{display:inline-block;font-size:13px;font-weight:600;color:var(--c-muted);margin-bottom:10px}.samples-hero .crumb:hover{color:var(--seg, var(--c-primary));text-decoration:none}.samples-hero h1{font-size:clamp(24px,3.6vw,34px);margin:8px 0 6px}.samples-hero .lead{color:var(--c-muted);max-width:720px;margin:0}.samples-hero .meta-row{margin-top:14px}.samples-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.sample-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media (max-width: 900px){.sample-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.sample-grid{grid-template-columns:1fr}}.sample-card{display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);text-decoration:none;color:var(--c-ink);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}a.sample-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--seg, var(--c-primary));text-decoration:none}.sample-cover{position:relative;height:132px;background-size:cover;background-position:center;display:flex;align-items:flex-start;justify-content:space-between;padding:12px;transition:filter .16s ease}.sample-cover .sample-no{font-weight:800;font-size:22px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35);font-variant-numeric:tabular-nums}.sample-cover .sample-state{align-self:flex-start;box-shadow:0 1px 6px #00000026}.sample-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.sample-body .sample-tags{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sample-body h3{font-size:17px;margin:0 0 6px;transition:opacity .16s ease}.sample-body .sample-desc{color:var(--c-muted);font-size:13.5px;margin:0;flex:1;transition:opacity .16s ease}.sample-body .sample-cta{margin-top:14px;font-weight:700;font-size:13.5px;color:var(--c-primary);display:inline-flex;align-items:center;gap:6px}.sample-body .sample-cta.locked{color:var(--c-muted)}.sample-body .sample-cta:hover{text-decoration:none;color:color-mix(in srgb,var(--c-primary) 68%,black)}.sample-body .sample-cta.locked:hover{color:var(--c-muted)}.sample-card.is-locked{opacity:.72;cursor:not-allowed}.sample-card.is-locked .sample-cover{filter:grayscale(1)}.sample-card.is-locked .sample-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.35)}.sample-card.is-premium-gated .sample-cover{filter:grayscale(.4) opacity(.92)}.sample-card.is-premium-gated .sample-body h3,.sample-card.is-premium-gated .sample-body .sample-desc{opacity:.78}.sample-body .sample-cta.upgrade{background:linear-gradient(135deg,#2b2f3a,#14161c);color:#fff;padding:8px 14px;border-radius:var(--radius-sm);margin-top:14px;justify-content:center}.sample-body .sample-cta.upgrade:hover{text-decoration:none;color:#fff;filter:brightness(.92)}.sample-body .sample-cta.upgrade.block{width:100%;text-align:center}.meter{height:10px;border-radius:999px;background:#e9eef4;overflow:hidden}.meter>span{display:block;height:100%;border-radius:999px;background:var(--seg, var(--c-primary));width:0;transition:width .6s ease}.meter-row{display:flex;align-items:center;gap:12px}.meter-row .meter{flex:1}.meter-row .pct{font-weight:800;font-variant-numeric:tabular-nums;min-width:46px;text-align:right}.plan-status{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px;margin-bottom:20px}.plan-status.is-exhausted{border-color:#f3d9b0}.plan-status .top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.plan-status .eyebrow{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted)}.plan-status .stat{display:block;font-size:14.5px;color:var(--c-ink);margin-top:6px}.plan-status .stat strong{font-weight:800}.plan-status .meter{margin:14px 0 12px}.plan-status.is-exhausted .meter>span{background:var(--c-warning)}.plan-status .desc{margin:0 0 10px;font-size:13.5px;color:var(--c-muted)}.plan-status .benefits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:4px 18px}.plan-status .benefits li{position:relative;padding-left:18px;font-size:13px;color:var(--c-ink)}.plan-status .benefits li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--c-warning)}@media (max-width: 720px){.plan-status .benefits{grid-template-columns:1fr}.plan-status .top-row .btn{width:100%;justify-content:center}}.assess-head{background:var(--c-surface);border-bottom:1px solid var(--c-line)}.assess-head .bar{display:flex;align-items:center;gap:16px;padding:18px 0;flex-wrap:wrap}.assess-head .titles h1{font-size:22px;margin:0}.assess-head .titles p{margin:2px 0 0;color:var(--c-muted);font-size:14px}.assess-head .spacer{margin-left:auto}.timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:18px;background:var(--c-primary-light);color:var(--c-primary);padding:8px 14px;border-radius:10px;display:inline-flex;align-items:center;gap:8px}.timer.warn{background:#fdecec;color:var(--c-danger)}.assess-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}@media (max-width: 900px){.assess-grid{grid-template-columns:1fr}}.panel{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel .panel-head{padding:16px 22px;border-bottom:1px solid var(--c-line);display:flex;align-items:center;gap:10px}.panel .panel-head h2{font-size:16px;margin:0}.panel .panel-body{padding:22px}.panel.stick{position:sticky;top:88px}.passage{font-size:15.5px;line-height:1.7}.passage h3{font-size:18px}.q{padding:18px 0;border-bottom:1px dashed var(--c-line)}.q:last-child{border-bottom:0}.q .q-num{font-weight:800;color:var(--c-primary);margin-right:6px}.q .q-text{font-weight:600;margin-bottom:10px}.options{display:grid;gap:8px}.option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--c-line);border-radius:10px;cursor:pointer;transition:.12s}.option:hover{border-color:var(--c-primary);background:var(--c-primary-light)}.option input{accent-color:var(--c-primary);width:17px;height:17px}.option.correct{border-color:var(--c-success);background:#e9f8ef}.option.wrong{border-color:var(--c-danger);background:#fdecec}.gap-input{border:1px solid var(--c-line);border-radius:8px;padding:6px 10px;font:inherit;min-width:120px}.gap-input:focus{outline:2px solid var(--c-primary-light);border-color:var(--c-primary)}.writing-area{width:100%;min-height:260px;resize:vertical;border:1px solid var(--c-line);border-radius:12px;padding:16px;font:inherit;font-size:15px;line-height:1.6}.writing-area:focus{outline:3px solid var(--c-primary-light);border-color:var(--c-primary)}.word-count{font-size:13px;color:var(--c-muted);display:flex;justify-content:space-between;margin-top:8px}.prompt-box{background:var(--c-primary-light);border-radius:12px;padding:18px;border-left:4px solid var(--c-primary)}.audio-player{background:#0e2740;color:#fff;border-radius:14px;padding:20px}.audio-player h3{color:#fff}.audio-player audio{width:100%;margin-top:10px}.play-count{font-size:13px;opacity:.85;margin-top:8px}.chat{display:flex;flex-direction:column;gap:12px;padding:6px 2px;max-height:420px;overflow-y:auto}.bubble{max-width:82%;padding:12px 15px;border-radius:14px;font-size:15px;line-height:1.5}.bubble.ai{background:var(--c-primary-light);color:var(--c-ink);align-self:flex-start;border-bottom-left-radius:4px}.bubble.me{background:var(--c-primary);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.bubble .who{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;opacity:.7;margin-bottom:3px;text-transform:uppercase}.answer-row{display:flex;gap:10px;margin-top:14px}.answer-row input[type=text]{flex:1;border:1px solid var(--c-line);border-radius:10px;padding:12px 14px;font:inherit}.answer-row input[type=text]:focus{outline:3px solid var(--c-primary-light);border-color:var(--c-primary)}.mic-btn{width:96px;height:96px;border-radius:50%;border:none;cursor:pointer;background:var(--c-speaking);color:#fff;display:grid;place-items:center;margin:8px auto;box-shadow:0 8px 24px #e0662a59;transition:.15s}.mic-btn svg{width:40px;height:40px}.mic-btn.recording{animation:pulse 1.2s infinite;background:var(--c-danger)}@keyframes pulse{0%,to{box-shadow:0 0 #d0424b80}50%{box-shadow:0 0 0 16px #d0424b00}}.score-hero{text-align:center;padding:8px 0 4px}.donut{width:168px;height:168px;margin:0 auto 6px}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 640px){.result-grid{grid-template-columns:1fr}}.result-tile{border:1px solid var(--c-line);border-radius:12px;padding:16px}.result-tile .rt-top{display:flex;align-items:center;justify-content:space-between}.result-tile .rt-score{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.note{background:#fff8ec;border:1px solid #f3e3c0;border-left:4px solid var(--c-accent);border-radius:10px;padding:14px 16px;font-size:14px;color:#6b5220}.note.info{background:var(--c-primary-light);border-color:#c8def5;border-left-color:var(--c-primary);color:#244}.steps{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.step{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c-muted)}.step .dot{width:24px;height:24px;border-radius:50%;background:#e9eef4;color:var(--c-muted);display:grid;place-items:center;font-weight:800;font-size:12px}.step.done .dot{background:var(--c-success);color:#fff}.step.active .dot{background:var(--c-primary);color:#fff}.step .arrow{color:var(--c-line)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}}.divider{height:1px;background:var(--c-line);border:0;margin:20px 0}#global-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--c-bg)}#global-loader .loader-img{width:64px;height:64px}#global-loader.is-hidden{opacity:0;pointer-events:none;transition:opacity .25s ease}.trpt{max-width:940px;margin:0 auto}.trpt .section-h{font-size:19px;margin:26px 0 14px;font-weight:800;color:var(--c-ink)}.report-id{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:center}@media (max-width: 760px){.report-id{grid-template-columns:1fr}}.report-id .who h1{font-size:24px;margin:0 0 2px;color:var(--c-ink)}.report-id .who .sub{color:var(--c-muted);font-size:14px;margin:0}.id-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:13.5px}.id-meta div{color:var(--c-muted)}.id-meta b{color:var(--c-ink);font-weight:700}.report-id .exam-badge{justify-self:end;text-align:right;background:var(--c-primary-light);border-radius:12px;padding:14px 18px;border:1px solid #cadff5}@media (max-width: 760px){.report-id .exam-badge{justify-self:start;text-align:left}}.overall-banner{display:grid;grid-template-columns:340px 1fr;gap:0;overflow:hidden;border-radius:var(--radius);border:1px solid var(--c-line);box-shadow:var(--shadow)}@media (max-width: 820px){.overall-banner{grid-template-columns:1fr}}.overall-score{padding:26px 28px;color:#fff;background:linear-gradient(135deg,var(--band, var(--c-primary)),color-mix(in srgb,var(--band, var(--c-primary)) 72%,#000));display:flex;flex-direction:column;justify-content:center}.overall-score .big{font-size:60px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.overall-score .big small{font-size:20px;font-weight:700;opacity:.8}.overall-score .grade{font-size:18px;font-weight:800;margin-top:6px}.overall-score .outcome{margin-top:14px;align-self:flex-start;background:rgba(255,255,255,.22);padding:7px 14px;border-radius:999px;font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:7px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overall-right{padding:24px 28px;background:var(--c-surface);display:flex;flex-direction:column;justify-content:center}.overall-right .cap{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--c-muted);font-weight:800;margin-bottom:12px}.ladder{display:flex;gap:6px}.ladder .rung{flex:1;text-align:center;padding:12px 6px 10px;border-radius:10px;background:#eef2f7;color:var(--c-muted);position:relative;border:2px solid transparent}.ladder .rung .lv{font-weight:800;font-size:16px}.ladder .rung .cap{font-size:10.5px;letter-spacing:.04em}.ladder .rung.target{outline:2px dashed #b9c6d6;outline-offset:2px}.ladder .rung.here{background:var(--band, var(--c-primary));color:#fff;border-color:color-mix(in srgb,var(--band) 70%,#000);box-shadow:0 6px 16px color-mix(in srgb,var(--band) 40%,transparent)}.ladder .rung.here .cap{color:#fff}.ladder .rung.here .marker{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:11px;font-weight:800;color:var(--band, var(--c-primary));white-space:nowrap}.ladder-legend{display:flex;gap:16px;margin-top:10px;font-size:12px;color:var(--c-muted)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 820px){.profile-grid{grid-template-columns:1fr}}.radar-wrap{display:grid;place-items:center;padding:6px}.radar-wrap svg{width:100%;max-width:320px;height:auto}.radar-wrap .grid{fill:none;stroke:#e3e9f0;stroke-width:1}.radar-wrap .axis{stroke:#e3e9f0;stroke-width:1}.radar-wrap .poly{fill:#2563eb24;stroke:var(--seg, var(--c-primary));stroke-width:2}.radar-wrap .dot{fill:var(--seg, var(--c-primary))}.cap-list{display:grid;gap:16px}.cap-item{border:1px solid var(--c-line);border-radius:12px;padding:14px 16px;background:var(--c-surface)}.cap-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.cap-head .cap-label{font-weight:700;font-size:14px;color:var(--c-ink)}.meter-row{display:flex;align-items:center;gap:10px}.meter{flex:1;height:10px;border-radius:999px;background:#eef1f5;overflow:hidden}.meter>span{display:block;height:100%;border-radius:999px;width:0;background:var(--seg, var(--c-primary))}.meter-row .pct{min-width:44px;text-align:right;font-weight:800;font-size:13px;color:var(--c-muted);font-variant-numeric:tabular-nums}.status-chip{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:800;white-space:nowrap}.status-chip.st-above,.status-chip.st-strong{background:#dcfce7;color:#166534}.status-chip.st-on{background:#fef3c7;color:#b45309}.status-chip.st-dev{background:#fed7aa;color:#92400e}.status-chip.st-below{background:#fee2e2;color:#991b1b}.status-chip svg{width:16px;height:16px}.teacher-note{border:1px solid #cadff5;background:var(--c-primary-light);border-left:4px solid var(--c-primary);border-radius:12px;padding:16px 18px}.teacher-note h3{margin:0 0 6px;font-size:15px;color:var(--c-primary-dark);font-weight:800}.teacher-note p{margin:0;color:#244}.list-card{border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-surface)}.list-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.list-card li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--c-ink)}.list-card li svg{width:18px;height:18px;flex:none;margin-top:1px}.list-card.good li svg{color:var(--c-success)}.list-card.work li svg{color:var(--c-warning)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 760px){.two-col{grid-template-columns:1fr}}.cando{display:grid;gap:10px}.cando-item{display:grid;grid-template-columns:26px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--c-line);border-radius:10px;font-size:13.5px;background:var(--c-surface)}.cando-item .tick{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none}.cando-item .tick svg{width:15px;height:15px;color:#fff}.cando-item.achieved .tick{background:var(--c-success)}.cando-item.developing .tick{background:var(--c-warning)}.cando-item.notyet .tick{background:var(--c-locked)}.cando-item .state{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.cando-item.achieved .state{color:var(--c-success)}.cando-item.developing .state{color:var(--c-warning)}.cando-item.notyet .state{color:var(--c-muted)}.recos{display:grid;gap:12px;counter-reset:r}.reco{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;font-size:14px;color:var(--c-ink)}.reco .num{counter-increment:r;width:28px;height:28px;border-radius:8px;background:var(--seg, var(--c-primary));color:#fff;font-weight:800;display:grid;place-items:center;flex:none;font-size:14px}.reco .num:before{content:counter(r)}.panel{border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-surface);box-shadow:var(--shadow);page-break-inside:avoid;break-inside:avoid}.panel-body{padding:18px 20px}.panel-head{padding:16px 20px 0}.card{border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-surface);box-shadow:var(--shadow)}.card-body{padding:20px}.card-header{padding:16px 20px}.badge{display:inline-block;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.badge.bg-light{background:var(--c-primary-light);color:var(--c-primary)}.badge.bg-dark{background:var(--c-ink);color:#fff}.profile-menu{position:relative;margin-left:10px;flex:none}.profile-menu-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;padding:0;cursor:pointer;background:transparent;-webkit-tap-highlight-color:transparent}.profile-avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--c-primary),var(--c-primary-dark));color:#fff;font-weight:800;font-size:15px;transition:border-color .15s ease,transform .1s ease}.profile-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}.profile-menu-trigger:hover .profile-avatar{border-color:var(--c-primary-light)}.profile-menu-trigger:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:50%}.profile-menu-trigger:active .profile-avatar{transform:scale(.96)}.profile-menu-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius-sm);box-shadow:var(--shadow-hover);padding:6px;z-index:40;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}.profile-menu-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .16s ease,transform .16s ease,visibility 0s}.profile-menu-dropdown a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--c-ink);font-size:14px;font-weight:600}.profile-menu-dropdown a:hover{background:var(--c-primary-light);color:var(--c-primary);text-decoration:none}.profile-menu-dropdown a.active{color:var(--c-primary);background:var(--c-primary-light)}.profile-menu-dropdown a svg{width:17px;height:17px;flex:none;color:var(--c-muted)}.profile-menu-dropdown a:hover svg,.profile-menu-dropdown a.active svg{color:var(--c-primary)}.profile-menu-divider{height:1px;background:var(--c-line);margin:6px 4px}@media (min-width: 881px){.profile-menu:hover .profile-menu-dropdown{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .16s ease,transform .16s ease,visibility 0s}}.cefr-toast{width:min(420px,calc(100vw - 32px));min-height:76px;border:1px solid #dfe6ef;border-radius:14px;background:#ffffff;box-shadow:0 14px 35px #0f172a1f,0 3px 10px #0f172a0f;overflow:hidden;opacity:1}.cefr-toast-content{display:flex;align-items:flex-start;gap:12px;padding:15px 14px 15px 16px}.cefr-toast-icon{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-top:1px}.cefr-toast-body{flex:1;min-width:0}.cefr-toast-title{font-size:14px;font-weight:700;line-height:1.3;color:#172033;margin-bottom:4px}.cefr-toast-message{font-size:13px;line-height:1.45;color:#607087}.cefr-toast-close{width:28px;height:28px;padding:0;border:0;background:transparent;color:#7b8798;display:flex;align-items:center;justify-content:center;border-radius:7px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.cefr-toast-close:hover{background:#f1f4f8;color:#172033}.cefr-toast.toast-success .cefr-toast-icon{background:#e8f7ef;color:#198754}.cefr-toast.toast-success .cefr-toast-success-icon{display:block}.cefr-toast.toast-success .cefr-toast-error-icon{display:none}.cefr-toast.toast-error .cefr-toast-icon{background:#fcebec;color:#dc3545}.cefr-toast.toast-error .cefr-toast-success-icon{display:none}.cefr-toast.toast-error .cefr-toast-error-icon{display:block}@keyframes cefrToastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width: 575.98px){.toast-container{left:0;right:0;padding:12px!important}.cefr-toast{width:100%}}