@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";.survey-page{--navy-900: #13175D;--indigo-700: #2725A2;--blue-600: #2E33CA;--blue-500: #3057D5;--teal-500: #1BA5A9;--teal-300: #1BD8CD;--bg: #F8FAFC;--surface: #FFFFFF;--surface-2: #FBFBFE;--border: #E5E7F5;--border-soft: #EEF0FA;--text-900: #13175D;--text-700: #31356E;--text-600: #5A5F8D;--text-400: #9195B8;--text-300: #B7BAD6;--grad-primary: linear-gradient(135deg, #3057D5 0%, #5B7FFF 100%);--grad-teal: linear-gradient(135deg, #1BA5A9 0%, #1BD8CD 100%);--grad-success: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);--green: #22C55E;--shadow-sm: 0 2px 8px rgba(19, 23, 93, .06);--shadow-md: 0 8px 24px rgba(19, 23, 93, .08);--shadow-lg: 0 20px 48px rgba(19, 23, 93, .14);--shadow-glow: 0 0 0 1px rgba(255, 255, 255, .6) inset, 0 20px 48px rgba(48, 87, 213, .16);--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 26px;--font-display: "Manrope", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;font-family:var(--font-body);background:var(--bg);color:var(--text-900);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.survey-page *{box-sizing:border-box;margin:0;padding:0}.survey-page h1,.survey-page h2,.survey-page h3,.survey-page h4{font-family:var(--font-display);color:var(--text-900);letter-spacing:-.02em}.survey-page button{font-family:inherit;cursor:pointer}.survey-page input,.survey-page select,.survey-page textarea{font-family:inherit}.survey-page ::selection{background:#3057d52e}.survey-page ::-webkit-scrollbar{width:8px;height:8px}.survey-page ::-webkit-scrollbar-track{background:transparent}.survey-page ::-webkit-scrollbar-thumb{background:#d3d6ee;border-radius:10px}.bg-blob{position:fixed;border-radius:50%;filter:blur(70px);opacity:.35;z-index:0;pointer-events:none}.bg-blob-1{width:420px;height:420px;top:-160px;right:-140px;background:radial-gradient(circle,#5B7FFF,transparent 70%)}.bg-blob-2{width:380px;height:380px;bottom:-160px;left:-140px;background:radial-gradient(circle,#22C55E,transparent 70%);opacity:.18}.survey-shell{position:relative;z-index:1;max-width:640px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:0 20px 40px}.top-bar{position:sticky;top:0;z-index:20;padding:18px 0 14px;background:linear-gradient(180deg,var(--bg) 78%,rgba(248,250,252,0))}.top-bar-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.qcounter{font-size:13px;font-weight:700;color:var(--blue-600);background:#eaf0ff;padding:6px 12px;border-radius:100px}.time-est{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--text-400)}.time-est svg{width:14px;height:14px}.progress-track{height:8px;border-radius:8px;background:var(--border-soft);overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:8px;background:var(--grad-primary);width:0%;transition:width .4s ease;position:relative}.progress-pct{font-size:11.5px;font-weight:700;color:var(--text-400);margin-top:7px;text-align:right}.save-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--teal-500);opacity:0;transition:opacity .3s ease}.save-pill.show{opacity:1}.save-pill svg{width:12px;height:12px}.stage{flex:1;display:flex;flex-direction:column;justify-content:center;padding:10px 0 24px;min-height:420px}.q-card{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.q-card.slide-out{animation:fadeOut .12s ease forwards}@keyframes fadeOut{to{opacity:0}}.brand-row{display:flex;align-items:center;justify-content:center;margin:6px 0 20px}.brand-row img{height:40px;width:auto;display:block}.brand-tagline{text-align:center;font-size:11.5px;font-weight:700;color:var(--text-400);letter-spacing:.04em;text-transform:uppercase;margin:0 0 24px}.details-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-xl);box-shadow:var(--shadow-glow);padding:34px 28px}.details-card .q-eyebrow{margin-bottom:6px}.details-card h1{font-size:23px;margin-bottom:8px}.details-card>p{font-size:13.5px;color:var(--text-600);margin-bottom:26px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:700;color:var(--text-700);margin-bottom:7px}.field input,.field select{width:100%;padding:13px 16px;border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--surface-2);font-size:14.5px;color:var(--text-900);font-weight:500;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus{outline:none;border-color:var(--blue-500);background:#fff;box-shadow:0 0 0 4px #3057d51f}.field .err{font-size:11.5px;color:#d64550;font-weight:600;margin-top:6px;display:none}.field.invalid input,.field.invalid select{border-color:#d64550}.field.invalid .err{display:block}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 480px){.row-2{grid-template-columns:1fr}}.hero-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-xl);box-shadow:var(--shadow-glow);padding:44px 32px;text-align:center;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;border-radius:50%;background:var(--grad-primary);opacity:.12}.hero-emoji{font-size:52px;margin-bottom:18px;display:inline-block}.hero-card h1{font-size:26px;margin-bottom:12px;line-height:1.25}.hero-card p{font-size:14.5px;color:var(--text-600);line-height:1.6;max-width:420px;margin:0 auto 6px}.hero-card .no-wrong{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-size:13px;font-weight:700;color:var(--teal-500);background:#e4fbf9;padding:9px 16px;border-radius:100px}.hero-card .no-wrong svg{width:15px;height:15px}.q-head{margin-bottom:22px}.q-eyebrow{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-500);margin-bottom:8px}.q-title{font-size:22px;line-height:1.3}.q-sub{font-size:13.5px;color:var(--text-600);margin-top:8px}.sel-cards{display:flex;flex-direction:column;gap:12px}.sel-card{display:flex;align-items:center;gap:16px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-sm);transition:.18s ease;text-align:left}.sel-card:hover{border-color:var(--blue-500);box-shadow:var(--shadow-md)}.sel-card .emo{font-size:26px;flex-shrink:0;width:44px;text-align:center}.sel-card .txt{flex:1;font-size:15px;font-weight:700;color:var(--text-900)}.sel-card .chk{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;transition:.15s ease;display:flex;align-items:center;justify-content:center}.sel-card .chk svg{width:12px;height:12px;color:#fff;opacity:0;transition:.15s ease}.sel-card.active{border-color:var(--blue-500);background:linear-gradient(0deg,#f4f7ff,#f4f7ff),var(--surface);box-shadow:0 0 0 4px #3057d51a}.sel-card.active .chk{background:var(--grad-primary);border-color:transparent}.sel-card.active .chk svg{opacity:1}.sel-cards.multi{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 520px){.sel-cards.multi{grid-template-columns:1fr}}.sel-cards.multi .sel-card{flex-direction:column;align-items:flex-start;text-align:left;padding:18px}.sel-cards.multi .sel-card .top-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:10px}.sel-cards.multi .sel-card .chk{border-radius:7px}.sel-cards.multi .sel-card .emo{width:auto;font-size:24px}.slider-wrap{background:var(--surface);border:1.5px solid var(--border-soft);border-radius:var(--r-lg);padding:32px 26px;box-shadow:var(--shadow-sm);text-align:center}.slider-emoji{font-size:56px;margin-bottom:6px;transition:transform .15s ease}.slider-value{font-size:34px;font-weight:800;font-family:var(--font-display);color:var(--blue-600);margin-bottom:22px}.slider-value span{font-size:16px;color:var(--text-400);font-weight:600}input.big-slider{-webkit-appearance:none;width:100%;height:10px;border-radius:8px;background:var(--border-soft);outline:none;margin-bottom:10px}input.big-slider::-webkit-slider-runnable-track{height:10px;border-radius:8px;background:linear-gradient(90deg,var(--blue-500) var(--fill, 50%),var(--border-soft) var(--fill, 50%))}input.big-slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:var(--surface);border:4px solid var(--blue-500);box-shadow:var(--shadow-md);margin-top:-9px;cursor:grab}input.big-slider::-moz-range-track{height:10px;border-radius:8px;background:var(--border-soft)}input.big-slider::-moz-range-progress{height:10px;border-radius:8px;background:var(--blue-500)}input.big-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--surface);border:4px solid var(--blue-500);box-shadow:var(--shadow-md);cursor:grab}.slider-labels{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--text-400)}.chip-grid{display:flex;flex-wrap:wrap;gap:10px}.chip-opt{display:inline-flex;align-items:center;gap:7px;padding:11px 18px;border-radius:100px;background:var(--surface);color:var(--text-600);border:1.5px solid var(--border);font-size:14px;font-weight:700;transition:.15s ease}.chip-opt:hover{border-color:var(--blue-500);color:var(--blue-600)}.chip-opt.active{background:var(--grad-primary);color:#fff;border-color:transparent;box-shadow:0 6px 16px #3057d54d}.chip-opt svg{width:14px;height:14px;opacity:0;transform:scale(.5);transition:.15s ease}.chip-opt.active svg{opacity:1;transform:scale(1)}.ta-wrap{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}textarea.big-ta{width:100%;min-height:170px;border-radius:var(--r-lg);border:1.5px solid var(--border);background:var(--surface-2);padding:18px 20px;font-size:15px;line-height:1.6;color:var(--text-900);resize:vertical;transition:.15s ease}textarea.big-ta:focus{outline:none;border-color:var(--blue-500);background:#fff;box-shadow:0 0 0 4px #3057d51f}.ta-count{text-align:right;font-size:12px;color:var(--text-400);margin-top:8px;font-weight:600}.conditional-field{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .3s ease,margin .35s ease}.conditional-field.open{max-height:260px;opacity:1;margin-top:16px}.conditional-field label{display:block;font-size:13px;font-weight:700;color:var(--text-700);margin-bottom:8px}.conditional-field input,.conditional-field select{width:100%;padding:13px 16px;border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--surface-2);font-size:14.5px;font-weight:500}.conditional-field input:focus,.conditional-field select:focus{outline:none;border-color:var(--blue-500);background:#fff;box-shadow:0 0 0 4px #3057d51f}.pill-row{display:flex;flex-wrap:wrap;gap:9px}.pill-opt{padding:9px 15px;border-radius:100px;background:var(--surface-2);border:1.5px solid var(--border);font-size:13px;font-weight:700;color:var(--text-600);transition:.15s ease}.pill-opt:hover{border-color:var(--blue-500)}.pill-opt.active{background:var(--grad-primary);color:#fff;border-color:transparent}.rate-progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.rate-progress span{font-size:12.5px;font-weight:700;color:var(--text-400)}.rate-progress span b{color:var(--blue-600)}.rate-table{display:flex;flex-direction:column;gap:8px}.rate-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--surface);border:1.5px solid var(--border-soft);border-radius:var(--r-md);padding:16px 18px;transition:.15s ease;flex-wrap:wrap;row-gap:12px}.rate-row:hover{border-color:var(--border)}.rate-row.rated{border-color:#ffe1b0;background:#fffcf6}.rr-label{display:flex;align-items:center;gap:12px;min-width:0}.rate-row .ric{width:36px;height:36px;border-radius:10px;background:#eaf0ff;color:var(--blue-600);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13.5px;flex-shrink:0}.rate-row.rated .ric{background:#fff1da;color:#b8790a}.rate-row .rname{font-size:14.5px;font-weight:700;color:var(--text-900)}.rr-stars{display:flex;align-items:center;gap:8px;margin-left:auto}.stars{display:flex;align-items:center;gap:5px;flex-shrink:0}.star-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0}.star-btn svg{width:26px;height:26px;color:var(--border);transition:.12s ease}.star-btn.filled svg{color:#f5a524;fill:#f5a524}.star-btn:hover svg{color:#f5a524}.rate-val{width:26px;font-size:12.5px;font-weight:800;color:var(--text-400);text-align:right;flex-shrink:0}.rate-row.rated .rate-val{color:#b8790a}.nav-row{display:flex;align-items:center;gap:12px;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 24px;border-radius:var(--r-md);border:none;font-size:15px;font-weight:700;letter-spacing:-.01em;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;white-space:nowrap}.btn svg{width:18px;height:18px}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 8px 18px #3057d547;flex:1}.btn-primary:hover{box-shadow:0 10px 22px #3057d557}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:var(--border);color:var(--text-400);cursor:not-allowed;box-shadow:none}.btn-ghost{background:var(--surface);color:var(--text-600);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);padding:15px 18px}.btn-ghost:hover{border-color:var(--blue-500);color:var(--blue-600)}.btn-success{background:var(--grad-success);color:#fff;box-shadow:0 8px 18px #22c55e47}.btn-success:hover{box-shadow:0 10px 22px #22c55e57}.kb-hint{text-align:center;font-size:11.5px;color:var(--text-300);font-weight:600;margin-top:14px}.kb-hint kbd{background:var(--border-soft);padding:2px 6px;border-radius:5px;font-family:inherit;font-weight:700;color:var(--text-500)}.nav-help{text-align:center;font-size:12.5px;font-weight:600;color:var(--text-400);margin-top:12px}.success-screen{text-align:center;padding:10px 0}.success-illustration{font-size:70px;margin-bottom:8px;animation:fadeIn .4s ease}.success-screen h1{font-size:26px;margin-bottom:8px}.success-screen>p{font-size:14.5px;color:var(--text-600);margin-bottom:26px}.score-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-xl);box-shadow:var(--shadow-glow);padding:32px 26px;text-align:left;margin-bottom:18px}.score-head{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid var(--border-soft)}.gauge{width:98px;height:98px;border-radius:50%;flex-shrink:0;background:conic-gradient(var(--blue-500) calc(var(--gp, 76) * 1%),var(--border-soft) 0);display:flex;align-items:center;justify-content:center;position:relative}.gauge:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:var(--surface)}.gauge .gv{position:relative;z-index:1;font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--text-900);text-align:center;line-height:1.1}.gauge .gv span{display:block;font-size:10.5px;font-weight:700;color:var(--text-400)}.score-head-txt{flex:1}.score-head-txt .lbl{font-size:12px;font-weight:700;color:var(--text-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.score-head-txt .lvl{font-size:19px;font-weight:800;font-family:var(--font-display);color:var(--text-900)}.badge-level{display:inline-flex;margin-top:8px;align-items:center;gap:6px;padding:5px 12px;border-radius:100px;background:#e7ebfc;color:var(--blue-600);font-size:11.5px;font-weight:800}.score-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 480px){.score-cols{grid-template-columns:1fr}}.score-col h4{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-400);margin-bottom:12px}.score-list{display:flex;flex-direction:column;gap:10px}.score-list li{list-style:none;display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--text-700)}.score-list.good li svg{width:16px;height:16px;color:var(--green);flex-shrink:0}.score-list.focus li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue-500);flex-shrink:0}#confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999}@media (max-width: 480px){.hero-card{padding:36px 22px}.q-title{font-size:19px}.slider-wrap{padding:26px 18px}.rr-stars{margin-left:0}}.form-grid{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.form-grid .field{margin-bottom:0}.field{display:flex;flex-direction:column;gap:6px;text-align:left}.field label{font-size:13px;font-weight:600;color:var(--text-700)}.field input,.field select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text-900);font-family:inherit;font-size:14px;transition:.15s ease}.field input:focus,.field select:focus{border-color:var(--blue-500);outline:none;box-shadow:0 0 0 3px #3057d51a}.field.full-width{width:100%}.field.half-width{width:calc(50% - 8px)}@media (max-width: 520px){.field.half-width{width:100%}}.split-nav{display:flex;gap:12px;width:100%}.btn-icon-only{width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon-only svg{width:20px;height:20px}.flex-fill{flex:1}.upscalyfy-logo-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.upscalyfy-logo-wrap .u-logo{height:36px;margin-bottom:4px}.upscalyfy-logo-wrap .u-tag{font-size:11px;color:var(--text-400);letter-spacing:1px;text-transform:uppercase;font-weight:700}.welcome-sub{font-size:16px;color:var(--blue-600);margin-bottom:12px}.slider-value .sv-big{font-size:32px;font-weight:800;color:var(--blue-600)}.slider-value .sv-small{font-size:16px;color:var(--text-400);font-weight:600}.my-cohort-view{padding-bottom:40px}.cohort-breadcrumb{font-size:13px;color:var(--blue-500);font-weight:600;margin-bottom:16px}.cohort-breadcrumb span{color:var(--text-400)}.cohort-header{margin-bottom:24px}.cohort-header h1{font-size:24px;font-weight:800;color:var(--text-900);margin-bottom:8px;display:flex;align-items:center;gap:12px}.cohort-badge{font-size:11px;background:var(--green-light);color:var(--green);padding:4px 10px;border-radius:100px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.cohort-subtitle{font-size:13.5px;color:var(--text-500);font-weight:500}.cohort-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px}.cohort-stat-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-md);padding:18px 16px;text-align:center;box-shadow:var(--shadow-sm)}.cohort-stat-card h3{font-size:20px;font-weight:800;color:var(--text-900);margin-bottom:4px}.cohort-stat-card span{font-size:11px;font-weight:800;color:var(--text-400);text-transform:uppercase;letter-spacing:.05em}.cohort-tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--border);margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.cohort-tab{padding:12px 0;font-size:14px;font-weight:600;color:var(--text-500);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px}.cohort-tab.active{color:var(--blue-600);border-bottom-color:var(--blue-600)}.cohort-tab-count{background:var(--border-soft);color:var(--text-600);font-size:11px;padding:2px 8px;border-radius:100px}.cohort-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media (max-width: 768px){.cohort-stats{grid-template-columns:repeat(2,1fr)}.cohort-grid{grid-template-columns:1fr}}.cohort-info-list{display:flex;flex-direction:column}.cohort-info-item{padding:16px 0;border-bottom:1px solid var(--border-soft)}.cohort-info-item:last-child{border-bottom:none;padding-bottom:0}.cohort-info-item:first-child{padding-top:0}.cohort-info-item b{display:block;font-size:13px;font-weight:700;color:var(--text-900);margin-bottom:4px}.cohort-info-item span{font-size:13px;color:var(--text-500);font-weight:500}.cohort-progress-list{display:flex;flex-direction:column;gap:24px}.cohort-progress-item{display:flex;align-items:center;gap:16px}.cohort-progress-ic{width:32px;height:32px;background:var(--blue-50);color:var(--blue-600);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cohort-progress-ic svg{width:16px;height:16px}.cohort-progress-content{flex:1}.cohort-progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cohort-progress-head b,.cohort-progress-head span{font-size:13px;font-weight:700;color:var(--text-900)}.cohort-progress-track{height:6px;background:var(--border-soft);border-radius:100px;overflow:hidden}.cohort-progress-fill{height:100%;background:var(--grad-primary);border-radius:100px}.timeline-row{display:flex;justify-content:space-between;position:relative;padding-top:24px}.timeline-line{position:absolute;top:36px;left:20px;right:20px;height:2px;background:var(--border-soft);z-index:1}.timeline-step{position:relative;z-index:2;text-align:left;flex:1}.timeline-step-ic{width:24px;height:24px;background:#fff;border:2px solid var(--border-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue-500);margin-bottom:12px}.timeline-step.completed .timeline-step-ic{border-color:var(--blue-500);background:var(--blue-50)}.timeline-step-ic svg{width:12px;height:12px}.timeline-step b{display:block;font-size:12px;font-weight:800;color:var(--text-900);margin-bottom:4px}.timeline-step span{display:block;font-size:11px;font-weight:500;color:var(--text-500)}.module-list{display:flex;flex-direction:column;gap:16px}.module-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-md);box-shadow:var(--shadow-sm);overflow:hidden}.module-header{padding:16px 20px;display:flex;align-items:center;gap:16px;cursor:pointer;background:#fff}.module-header:hover{background:#fdfdfd}.module-header-chevron{width:16px;height:16px;color:var(--text-400);transition:transform .2s}.module-header-chevron.expanded{transform:rotate(180deg)}.module-header-ic{width:32px;height:32px;background:var(--blue-50);color:var(--blue-600);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center}.module-header-ic svg{width:18px;height:18px}.module-header-content{flex:1}.module-header-content b{display:block;font-size:14.5px;font-weight:800;color:var(--text-900);margin-bottom:2px}.module-header-content span{display:block;font-size:12px;font-weight:500;color:var(--text-500)}.module-status{font-size:11px;padding:4px 10px;border-radius:100px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.module-status.completed{background:var(--green-light);color:var(--green)}.module-status.in-progress{background:var(--border-soft);color:var(--text-500)}.module-lessons{border-top:1px solid var(--border-soft);padding:12px 20px 20px;display:flex;flex-direction:column;gap:12px;background:#fafafa}.lesson-item{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--border-soft)}.lesson-item:last-child{border-bottom:none;padding-bottom:0}.lesson-seq{width:40px;height:40px;background:#fff;border:1px solid var(--border-soft);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--text-900)}.lesson-content{flex:1}.lesson-content b{display:block;font-size:14px;font-weight:700;color:var(--text-900);margin-bottom:4px}.lesson-content span{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--text-500)}.lesson-tag{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;padding:4px 9px;border-radius:7px;text-transform:uppercase;letter-spacing:.02em}.lesson-tag.offline{background:#fff4e0;color:#b8790a}.lesson-tag.online{background:#e7ebfc;color:var(--blue-600)}.lesson-tag.hybrid{background:#f1e9fc;color:#7a3fc9}.lesson-actions{display:flex;gap:8px}.lesson-btn{font-size:11.5px;font-weight:600;color:var(--text-600);background:#fff;border:1px solid var(--border-soft);border-radius:100px;padding:6px 14px;cursor:pointer;transition:all .2s}.lesson-btn:hover{background:var(--border-soft);color:var(--text-900)}:root{--navy:#13175D;--royal:#2725A2;--primary:#2E33CA;--bright:#3057D5;--teal:#1BA5A9;--aqua:#1BD8CD;--ink:#151A3D;--ink-soft:#4A4F72;--ink-faint:#8489AA;--line:#E4E6F3;--line-soft:#EEEFF9;--surface:#FFFFFF;--canvas:#F5F6FC;--canvas-deep:#EEF0FA;--amber:#B8760A;--amber-bg:#FEF3DF;--amber-line:#F3D793;--red:#C23A3A;--red-bg:#FCEAEA;--red-line:#F0BEBE;--green:#128A5E;--green-bg:#E7F7EF;--green-line:#AEE3C8;--grad-brand: linear-gradient(120deg, var(--navy) 0%, var(--royal) 45%, var(--primary) 100%);--grad-accent: linear-gradient(120deg, var(--teal) 0%, var(--aqua) 100%);--grad-bright: linear-gradient(120deg, var(--primary) 0%, var(--bright) 100%);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--shadow-sm: 0 1px 2px rgba(19,23,93,.06), 0 1px 1px rgba(19,23,93,.04);--shadow-md: 0 8px 24px rgba(19,23,93,.08), 0 2px 6px rgba(19,23,93,.05);--shadow-lg: 0 20px 48px rgba(19,23,93,.14), 0 4px 12px rgba(19,23,93,.06);--shadow-focus: 0 0 0 3px rgba(46,51,202,.22);--ease: cubic-bezier(.22,.9,.32,1)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.02em;color:var(--navy)}p{margin:0}button{font-family:inherit}a{color:inherit}::selection{background:#2e33ca2e}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(46,51,202,.35);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.wordmark{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:var(--navy);letter-spacing:-.01em}.wordmark .mark{width:32px;height:32px;border-radius:9px;background:var(--grad-brand);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:800;box-shadow:var(--shadow-sm)}.wordmark .sub{font-weight:600;color:var(--ink-faint);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.top-strip{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,4vw,48px)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:14.5px;border-radius:11px;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease),opacity .15s var(--ease),border-color .15s var(--ease);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--grad-bright);color:#fff;box-shadow:0 10px 24px #2e33ca47}.btn-primary:hover{box-shadow:0 14px 30px #2e33ca5c;transform:translateY(-1px)}.btn-primary:disabled{background:#c7c9e8;box-shadow:none;cursor:not-allowed;transform:none;color:#fff}.btn-accent{background:var(--grad-accent);color:#04302e;box-shadow:0 10px 24px #1ba5a947}.btn-accent:hover{transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--primary);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--primary);background:#f5f6fe}.btn-text{background:none;color:var(--ink-soft);padding:8px 4px;font-weight:600}.btn-text:hover{color:var(--primary)}.btn-danger-ghost{background:transparent;color:var(--red);border:1.5px solid var(--red-line)}.btn-danger-ghost:hover{background:var(--red-bg)}.btn-lg{padding:16px 28px;font-size:16px;border-radius:13px}.btn-sm{padding:9px 14px;font-size:13px;border-radius:9px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 11px;border-radius:100px;letter-spacing:.01em}.badge-navy{background:#eaebfa;color:var(--royal)}.badge-teal{background:#e3f6f6;color:var(--teal)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-green{background:var(--green-bg);color:var(--green)}.badge-outline{background:transparent;border:1.5px solid var(--line);color:var(--ink-soft)}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.container{max-width:1120px;margin:0 auto;padding:0 clamp(18px,4vw,48px)}.toast-stack{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:900;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:100%;max-width:460px;padding:0 14px}.toast{pointer-events:auto;background:var(--navy);color:#fff;font-size:13.5px;font-weight:600;padding:12px 16px;border-radius:11px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;width:100%;animation:toast-in .28s var(--ease)}.toast.warn{background:#4a3410}.toast.danger{background:#4a1f1f}.toast.good{background:#0f3a34}.toast .dot{width:8px;height:8px;border-radius:50%;background:var(--aqua);flex-shrink:0}.toast.warn .dot{background:#f3c24a}.toast.danger .dot{background:#f17a7a}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.demo-dock{position:fixed;bottom:16px;right:16px;z-index:800;font-size:12.5px}.demo-dock .dock-toggle{background:var(--navy);color:#fff;border:none;border-radius:100px;padding:10px 16px;font-weight:700;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;align-items:center;gap:8px}.demo-panel{margin-top:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:16px;width:270px;display:none}.demo-panel.open{display:block}.demo-panel h4{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);margin-bottom:10px}.demo-panel .grp{margin-bottom:14px}.demo-panel .grp:last-child{margin-bottom:0}.demo-panel .row-btns{display:flex;flex-direction:column;gap:6px}.demo-panel button{text-align:left;background:var(--canvas);border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:12.5px;font-weight:600;color:var(--ink);cursor:pointer}.demo-panel button:hover{border-color:var(--primary);color:var(--primary)}.demo-panel button.active-opt{background:#eaebfa;border-color:var(--primary);color:var(--royal)}.quiz-view{display:none;min-height:100vh}.quiz-view.active{display:block}.entry-hero{background:var(--grad-brand);padding-bottom:70px;position:relative;overflow:hidden}.entry-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 300px at 85% -10%,rgba(27,216,205,.25),transparent 60%),radial-gradient(500px 260px at 10% 110%,rgba(27,165,169,.18),transparent 60%);pointer-events:none}.entry-hero .top-strip .wordmark{color:#fff}.entry-hero .top-strip .wordmark .sub{color:#fff9}.entry-hero .top-strip .wordmark .mark{background:#ffffff24;box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.entry-hero-body{position:relative;padding:26px clamp(18px,4vw,48px) 0}.eyebrow-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.entry-title{color:#fff;font-size:clamp(26px,4vw,36px);max-width:680px}.entry-desc{color:#ffffffc7;font-size:15px;margin-top:10px;max-width:620px;font-weight:500}.entry-meta-line{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}.entry-meta-line .im{display:flex;align-items:center;gap:7px;color:#ffffffd9;font-size:13.5px;font-weight:600}.entry-meta-line svg{opacity:.85}.entry-body-wrap{margin-top:-46px;position:relative;padding-bottom:70px}.entry-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;align-items:start}@media (max-width:880px){.entry-grid{grid-template-columns:1fr}}.panel{padding:26px}.panel-title{font-size:15px;color:var(--navy);margin-bottom:16px;display:flex;align-items:center;gap:8px}.panel-title svg{color:var(--teal)}.student-card{display:flex;align-items:center;gap:14px;margin-bottom:18px}.avatar{width:52px;height:52px;border-radius:14px;background:var(--grad-accent);display:flex;align-items:center;justify-content:center;font-weight:800;color:#04302e;font-size:17px;flex-shrink:0}.student-name-edit{font-size:16px;font-weight:800;color:var(--navy);border:1px solid transparent;border-radius:8px;padding:4px 8px;margin:-4px -8px;background:transparent;width:100%}.student-name-edit:hover,.student-name-edit:focus{border-color:var(--line);background:var(--canvas)}.student-email{color:var(--ink-faint);font-size:13px;margin-top:2px}.student-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:4px}.sfield{font-size:12.5px}.sfield .lbl{color:var(--ink-faint);font-weight:700;text-transform:uppercase;font-size:10.5px;letter-spacing:.05em;margin-bottom:4px}.sfield .val{color:var(--ink);font-weight:700;font-size:13.5px}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}@media (max-width:640px){.meta-grid{grid-template-columns:repeat(2,1fr)}}.meta-tile{background:var(--canvas);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:14px 12px}.meta-tile .mv{font-size:19px;font-weight:800;color:var(--navy)}.meta-tile .ml{font-size:11.5px;color:var(--ink-faint);font-weight:700;margin-top:3px;text-transform:uppercase;letter-spacing:.03em}.avail-banner{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:var(--r-md);margin-top:18px;font-size:13.5px;font-weight:600}.avail-open{background:var(--green-bg);border:1px solid var(--green-line);color:#0c6b4b}.avail-soon{background:var(--amber-bg);border:1px solid var(--amber-line);color:#8a5a05}.avail-closed{background:var(--canvas-deep);border:1px solid var(--line);color:var(--ink-soft)}.avail-blocked{background:var(--red-bg);border:1px solid var(--red-line);color:#9c2e2e}.avail-banner strong{display:block;margin-bottom:2px;font-size:14px}.rules-list{margin-top:20px;display:flex;flex-direction:column;gap:12px}.rule-row{display:flex;align-items:flex-start;gap:11px;font-size:13.5px;color:var(--ink-soft)}.rule-row .ic{width:26px;height:26px;border-radius:8px;background:#eaebfa;color:var(--royal);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.action-panel{position:sticky;top:20px}.attempts-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--ink-soft);margin:14px 0;padding-top:14px;border-top:1px dashed var(--line)}.link-inline{background:none;border:none;color:var(--primary);font-weight:700;font-size:13.5px;cursor:pointer;padding:0;margin-top:12px;display:flex;align-items:center;gap:5px}.link-inline:hover{text-decoration:underline}.inst-wrap{max-width:760px;margin:0 auto;padding:40px clamp(18px,4vw,48px) 90px}.inst-head{margin-bottom:24px}.inst-head .badge{margin-bottom:12px}.inst-body-text{color:var(--ink-soft);font-size:14.5px;line-height:1.75;white-space:pre-line}.checklist{margin-top:22px;display:flex;flex-direction:column;gap:10px}.check-item{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border-radius:11px;background:var(--canvas);border:1px solid var(--line-soft);font-size:13.5px;color:var(--ink)}.check-item svg{color:var(--teal);flex-shrink:0;margin-top:2px}.check-item b{color:var(--navy)}.confirm-box{margin-top:26px;padding:18px;border-radius:var(--r-md);background:#fbfbff;border:1.5px solid var(--line);display:flex;gap:12px;align-items:flex-start}.confirm-box input[type=checkbox]{width:19px;height:19px;margin-top:2px;accent-color:var(--primary);flex-shrink:0;cursor:pointer}.confirm-box label{font-size:13.5px;color:var(--ink);font-weight:600;cursor:pointer}.inst-actions{display:flex;gap:12px;margin-top:26px;align-items:center}.quiz-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--canvas)}.quiz-topbar{background:#fff;border-bottom:1px solid var(--line);padding:12px clamp(14px,3vw,32px);display:flex;align-items:center;justify-content:space-between;gap:14px;position:sticky;top:0;z-index:60}.qt-left{display:flex;align-items:center;gap:12px;min-width:0}.qt-title{font-size:13.5px;font-weight:800;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.qt-progress{font-size:12px;color:var(--ink-faint);font-weight:700;white-space:nowrap}.qt-right{display:flex;align-items:center;gap:10px}.timer-chip{display:flex;align-items:center;gap:8px;background:var(--canvas-deep);border:1px solid var(--line);padding:8px 14px;border-radius:100px;font-weight:800;font-size:14px;color:var(--navy);font-variant-numeric:tabular-nums;letter-spacing:.02em}.timer-chip svg{color:var(--primary)}.timer-chip.amber{background:var(--amber-bg);border-color:var(--amber-line);color:#8a5a05}.timer-chip.amber svg{color:var(--amber)}.timer-chip.red{background:var(--red-bg);border-color:var(--red-line);color:#9c2e2e;animation:pulse-red 1s infinite}.timer-chip.red svg{color:var(--red)}@keyframes pulse-red{0%,to{box-shadow:0 0 #c23a3a40}50%{box-shadow:0 0 0 6px #c23a3a00}}.flag-btn{display:flex;align-items:center;gap:7px;background:#fff;border:1.5px solid var(--line);padding:8px 14px;border-radius:100px;font-weight:700;font-size:13px;color:var(--ink-soft);cursor:pointer}.flag-btn svg{transition:fill .15s var(--ease),color .15s var(--ease)}.flag-btn.flagged{background:var(--amber-bg);border-color:var(--amber-line);color:#8a5a05}.flag-btn.flagged svg{fill:#b8760a;color:#b8760a}.nav-toggle-btn{display:none}@media (max-width:920px){.nav-toggle-btn{display:flex}}.warn-banner{background:var(--amber-bg);border-bottom:1px solid var(--amber-line);color:#8a5a05;font-size:13px;font-weight:700;text-align:center;padding:8px;display:none;align-items:center;justify-content:center;gap:8px}.warn-banner.show{display:flex}.quiz-main{flex:1;display:flex;gap:26px;padding:26px clamp(14px,3vw,32px) 110px;max-width:1200px;margin:0 auto;width:100%}.question-col{flex:1;min-width:0}.nav-col{width:270px;flex-shrink:0}@media (max-width:920px){.nav-col{display:none}}.q-card{padding:30px clamp(20px,4vw,38px)}.q-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.q-num{font-size:13px;font-weight:800;color:var(--royal)}.q-marks{font-size:12px;font-weight:700;color:var(--ink-faint);background:var(--canvas);padding:4px 10px;border-radius:100px}.q-text{font-size:19px;font-weight:700;color:var(--navy);line-height:1.55;margin-bottom:26px}.q-typehint{font-size:12px;color:var(--ink-faint);font-weight:600;margin:-16px 0 20px}.opt-list{display:flex;flex-direction:column;gap:11px}.opt-card{display:flex;align-items:center;gap:14px;padding:15px 17px;border-radius:13px;border:1.5px solid var(--line);background:#fff;cursor:pointer;transition:all .14s var(--ease);font-size:14.5px;font-weight:600;color:var(--ink)}.opt-card:hover{border-color:var(--bright);background:#fafaff}.opt-card.selected{border-color:var(--primary);background:#f1f2fd;box-shadow:0 0 0 3px #2e33ca1a}.opt-marker{width:23px;height:23px;border-radius:50%;border:2px solid var(--line);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .14s var(--ease)}.opt-card.selected .opt-marker{border-color:var(--primary);background:var(--primary)}.opt-card.selected .opt-marker:after{content:"";width:9px;height:9px;border-radius:50%;background:#fff}.opt-card.multi .opt-marker{border-radius:7px}.opt-card.multi.selected .opt-marker:after{content:"✓";color:#fff;font-size:13px;font-weight:800;border-radius:0;background:none;width:auto;height:auto}.opt-letter{font-weight:800;color:var(--ink-faint);font-size:13px;width:20px}.tf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tf-btn{padding:22px;border-radius:14px;border:1.5px solid var(--line);background:#fff;text-align:center;font-weight:800;font-size:15px;color:var(--ink-soft);cursor:pointer;transition:all .14s var(--ease)}.tf-btn:hover{border-color:var(--bright)}.tf-btn.selected{border-color:var(--primary);background:#f1f2fd;color:var(--primary);box-shadow:0 0 0 3px #2e33ca1a}.short-answer-input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;font-size:14.5px;font-family:inherit;resize:vertical;min-height:100px;color:var(--ink)}.short-answer-input:focus{border-color:var(--primary)}.upload-zone{border:2px dashed var(--line);border-radius:14px;padding:32px 20px;text-align:center;background:var(--canvas);cursor:pointer;transition:all .15s var(--ease)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--primary);background:#f1f2fd}.upload-zone .uz-icon{width:48px;height:48px;border-radius:14px;background:#eaebfa;color:var(--royal);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.upload-zone .uz-title{font-size:14.5px;font-weight:700;color:var(--navy)}.upload-zone .uz-title b{color:var(--primary)}.upload-zone .uz-hint{font-size:12px;color:var(--ink-faint);margin-top:8px;font-weight:600}.file-chip-list{display:flex;flex-direction:column;gap:9px;margin-top:16px}.file-chip{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:13.5px;animation:toast-in .2s var(--ease)}.file-chip .fc-icon{width:36px;height:36px;border-radius:9px;background:#eaebfa;color:var(--royal);display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-chip .fc-body{min-width:0;flex:1}.file-chip .fc-name{font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-chip .fc-size{color:var(--ink-faint);font-size:11.5px;font-weight:600;margin-top:1px}.file-chip .fc-remove{background:none;border:none;color:var(--ink-faint);cursor:pointer;flex-shrink:0;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center}.file-chip .fc-remove:hover{background:var(--red-bg);color:var(--red)}.code-editor-wrap{border:1.5px solid #1F234F;border-radius:14px;overflow:hidden;background:#0f1330}.code-editor-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#171b45}.code-editor-head .btn-text{color:#ffffffa6;padding:4px 6px}.code-editor-head .btn-text:hover{color:#fff}.code-editor-input{width:100%;min-height:230px;background:#0f1330;color:#e7e9fb;border:none;padding:16px;font-family:JetBrains Mono,monospace;font-size:13.5px;line-height:1.65;resize:vertical;display:block}.code-editor-input:focus{outline:none}.code-editor-foot{padding:9px 16px;background:#171b45;color:#fff6;font-size:11.5px;font-weight:600;display:flex;justify-content:space-between}.review-hint-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--royal);background:#eaebfa;padding:5px 11px;border-radius:100px;margin-top:14px}.bar-seg.p{background:var(--royal);opacity:.8}.rn-btn.pending{background:#eaebfa;border-color:#c9caf2;color:var(--royal)}.rev-status-dot.pending{background:var(--royal)}.rev-code-block{background:#0f1330;color:#e7e9fb;font-family:JetBrains Mono,monospace;font-size:12.5px;padding:16px;border-radius:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;line-height:1.6}.rev-pending-note{font-size:12.5px;color:var(--royal);font-weight:700;background:#eaebfa;padding:9px 13px;border-radius:9px;margin-top:12px;display:flex;align-items:center;gap:8px}.q-bottombar{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding:14px clamp(14px,3vw,32px);display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:55}.qb-counts{font-size:12.5px;color:var(--ink-faint);font-weight:700;display:flex;gap:14px}.qb-counts span b{color:var(--ink)}.qb-actions{display:flex;gap:10px}.navigator{padding:20px;position:sticky;top:80px}.nav-legend{display:flex;flex-wrap:wrap;gap:10px 14px;margin-bottom:16px;font-size:11.5px;color:var(--ink-faint);font-weight:600}.nav-legend .lg{display:flex;align-items:center;gap:5px}.lg .sw{width:11px;height:11px;border-radius:4px}.grid-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.qn-btn{aspect-ratio:1;border-radius:9px;border:1.5px solid var(--line);background:#fff;font-weight:800;font-size:12.5px;color:var(--ink-soft);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.qn-btn.visited{border-color:var(--amber-line);color:#8a5a05;background:var(--amber-bg)}.qn-btn.answered{background:var(--grad-accent);border-color:transparent;color:#04302e}.qn-btn.current{box-shadow:0 0 0 3px #2e33ca59;border-color:var(--primary)}.qn-btn.locked{opacity:.45;cursor:not-allowed}.qn-flag-dot{position:absolute;top:-4px;right:-4px;width:13px;height:13px;border-radius:50%;background:#b8760a;border:2px solid #fff;display:none}.qn-btn.is-flagged .qn-flag-dot{display:block}.navigator .nav-summary{margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);font-size:12.5px;color:var(--ink-soft);display:flex;flex-direction:column;gap:6px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#13175d59;z-index:70;display:none}.sheet-backdrop.open{display:block}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;background:#fff;z-index:75;border-radius:20px 20px 0 0;padding:18px 18px 26px;max-height:70vh;overflow-y:auto;transform:translateY(110%);transition:transform .25s var(--ease);box-shadow:0 -10px 40px #13175d33}.bottom-sheet.open{transform:translateY(0)}.sheet-handle{width:40px;height:4px;background:var(--line);border-radius:100px;margin:0 auto 16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#13175d73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;z-index:200;padding:20px}.modal-backdrop.open{display:flex}.modal-box{background:#fff;border-radius:20px;max-width:460px;width:100%;padding:28px;box-shadow:var(--shadow-lg);animation:modal-in .22s var(--ease)}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-box h3{font-size:19px;margin-bottom:6px}.modal-sub{font-size:13.5px;color:var(--ink-soft);margin-bottom:18px}.modal-stat-row{display:flex;gap:10px;margin-bottom:16px}.modal-stat{flex:1;background:var(--canvas);border-radius:11px;padding:12px;text-align:center}.modal-stat .n{font-size:20px;font-weight:800;color:var(--navy)}.modal-stat .l{font-size:10.5px;color:var(--ink-faint);font-weight:700;text-transform:uppercase;margin-top:2px}.modal-list-warn{background:var(--amber-bg);border:1px solid var(--amber-line);border-radius:11px;padding:12px 14px;font-size:13px;color:#8a5a05;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.modal-final-warn{font-size:12.5px;color:var(--ink-faint);margin-bottom:20px;display:flex;gap:8px;align-items:flex-start}.modal-final-warn svg{flex-shrink:0;margin-top:1px;color:var(--red)}.modal-actions{display:flex;gap:10px}.modal-actions .btn{flex:1}.result-wrap{max-width:760px;margin:0 auto;padding:50px clamp(18px,4vw,48px) 90px}.result-hero{text-align:center;padding:40px 24px;position:relative;overflow:hidden}.result-hero.pass{background:linear-gradient(160deg,#0C6B4B 0%,var(--teal) 100%)}.result-hero.fail{background:var(--grad-brand)}.result-hero-inner{position:relative;color:#fff}.score-big{font-size:56px;font-weight:800;letter-spacing:-.02em}.score-pct{font-size:16px;font-weight:700;opacity:.85;margin-top:4px}.result-pill{margin-top:16px;display:inline-flex}.result-msg{margin-top:16px;font-size:14.5px;font-weight:600;opacity:.92;max-width:420px;margin-left:auto;margin-right:auto}.result-info-row{display:flex;gap:14px;padding:20px 26px;flex-wrap:wrap;border-bottom:1px solid var(--line-soft)}.rinfo{flex:1;min-width:140px}.rinfo .l{font-size:11px;color:var(--ink-faint);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.rinfo .v{font-size:15px;font-weight:800;color:var(--navy);margin-top:3px}.breakdown{padding:24px 26px}.breakdown h4{font-size:13px;color:var(--navy);margin-bottom:14px}.bar-stack{display:flex;height:14px;border-radius:100px;overflow:hidden;background:var(--canvas-deep)}.bar-seg{height:100%}.bar-seg.c{background:var(--teal)}.bar-seg.i{background:var(--red);opacity:.75}.bar-seg.u{background:var(--ink-faint);opacity:.35}.bar-legend{display:flex;gap:18px;margin-top:14px;flex-wrap:wrap}.bar-legend .lg{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--ink-soft)}.bar-legend .sw{width:11px;height:11px;border-radius:4px}.neg-note{margin-top:14px;font-size:13px;color:var(--red);font-weight:700;background:var(--red-bg);padding:10px 14px;border-radius:10px;display:inline-flex;gap:8px;align-items:center}.result-actions{display:flex;gap:12px;flex-wrap:wrap;padding:22px 26px 26px}.brand-footer{text-align:center;padding:28px 0 10px;color:var(--ink-faint);font-size:12px;font-weight:600;letter-spacing:.02em}.review-wrap{max-width:920px;margin:0 auto;padding:30px clamp(14px,3vw,32px) 90px}.review-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.review-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--ink-soft);font-weight:700}.review-legend .lg{display:flex;align-items:center;gap:6px}.review-legend .sw{width:11px;height:11px;border-radius:4px}.review-nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:8px;margin-bottom:24px}.rn-btn{aspect-ratio:1;border-radius:9px;border:1.5px solid var(--line);font-weight:800;font-size:12px;cursor:pointer;background:#fff}.rn-btn.correct{background:var(--green-bg);border-color:var(--green-line);color:#0c6b4b}.rn-btn.incorrect{background:var(--red-bg);border-color:var(--red-line);color:#9c2e2e}.rn-btn.unanswered{background:var(--canvas-deep);color:var(--ink-faint)}.rev-card{margin-bottom:14px;overflow:hidden}.rev-head{padding:16px 20px;align-items:center;justify-content:between;gap:12px;cursor:pointer;display:flex;justify-content:space-between}.rev-head-left{display:flex;align-items:center;gap:12px;min-width:0}.rev-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.rev-status-dot.correct{background:var(--green)}.rev-status-dot.incorrect{background:var(--red)}.rev-status-dot.unanswered{background:var(--ink-faint)}.rev-q-preview{font-size:14px;font-weight:700;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rev-head-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.rev-marks{font-size:12.5px;font-weight:800}.rev-marks.pos{color:var(--green)}.rev-marks.neg{color:var(--red)}.rev-chevron{transition:transform .18s var(--ease);color:var(--ink-faint)}.rev-card.open .rev-chevron{transform:rotate(180deg)}.rev-body{display:none;padding:0 20px 20px;border-top:1px solid var(--line-soft)}.rev-card.open .rev-body{display:block;padding-top:16px}.rev-q-full{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:14px;line-height:1.5}.rev-opt{padding:11px 14px;border-radius:10px;border:1.5px solid var(--line);font-size:13.5px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink)}.rev-opt.your-correct{border-color:var(--green-line);background:var(--green-bg)}.rev-opt.your-incorrect{border-color:var(--red-line);background:var(--red-bg)}.rev-opt.the-correct{border-color:var(--green-line);background:var(--green-bg)}.rev-tag{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;border-radius:100px;flex-shrink:0}.rev-tag.your{background:var(--navy);color:#fff}.rev-tag.correct-tag{background:var(--green);color:#fff}.rev-hidden-note{font-size:12.5px;color:var(--ink-faint);font-style:italic;margin-top:6px}.rev-explain{margin-top:14px;background:var(--canvas);border-radius:11px;padding:14px 16px;font-size:13.5px;color:var(--ink-soft)}.rev-explain b{color:var(--navy);display:block;margin-bottom:4px;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.edge-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px}.edge-card{max-width:440px;width:100%;text-align:center;padding:44px 34px}.edge-icon{width:64px;height:64px;border-radius:18px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.edge-icon.soon{background:var(--amber-bg);color:var(--amber)}.edge-icon.closed{background:var(--canvas-deep);color:var(--ink-faint)}.edge-icon.blocked{background:var(--red-bg);color:var(--red)}.edge-title{font-size:19px;margin-bottom:8px}.edge-desc{font-size:13.5px;color:var(--ink-soft);margin-bottom:22px;line-height:1.6}.edge-countdown{font-size:26px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums;margin-bottom:20px;letter-spacing:.02em}.edge-score-chip{background:var(--canvas);border-radius:12px;padding:14px;margin-bottom:20px;font-size:13.5px;color:var(--ink-soft)}.edge-score-chip b{display:block;font-size:20px;color:var(--navy);margin-bottom:2px}.edge-actions{display:flex;flex-direction:column;gap:10px}.pending-icon{width:76px;height:76px;border-radius:22px;background:var(--grad-accent);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;color:#04302e}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:root{--navy-900:#13175D;--navy-800:#191d6b;--indigo-700:#2725A2;--blue-600:#2E33CA;--blue-500:#3057D5;--teal-500:#1BA5A9;--teal-300:#1BD8CD;--bg:#F5F6FC;--surface:#FFFFFF;--surface-2:#FBFBFE;--border:#E5E7F5;--border-soft:#EEF0FA;--text-900:#13175D;--text-700:#31356E;--text-600:#5A5F8D;--text-400:#9195B8;--text-300:#B7BAD6;--grad-primary: linear-gradient(135deg,#2725A2 0%, #2E33CA 55%, #1BA5A9 100%);--grad-teal: linear-gradient(135deg,#1BA5A9 0%, #1BD8CD 100%);--grad-sidebar: linear-gradient(190deg, #13175D 0%, #191d6b 55%, #201f7a 100%);--grad-card: linear-gradient(135deg, rgba(39,37,162,.06), rgba(27,165,169,.06));--shadow-sm: 0 2px 8px rgba(19,23,93,.06);--shadow-md: 0 8px 24px rgba(19,23,93,.08);--shadow-lg: 0 20px 48px rgba(19,23,93,.14);--shadow-glow: 0 0 0 1px rgba(255,255,255,.6) inset, 0 20px 48px rgba(39,37,162,.16);--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--font-display:"Manrope", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text-900);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:#1ba5a940}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d3d6ee;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#b7bce0}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-900);letter-spacing:-.02em}.hidden{display:none!important}.flex{display:flex}.grad-text{background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:var(--r-md);border:none;font-size:14.5px;font-weight:600;letter-spacing:-.01em;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,background .18s ease;white-space:nowrap}.btn svg{width:17px;height:17px;flex-shrink:0}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 8px 20px #2e33ca47}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #2e33ca5c}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-teal{background:var(--grad-teal);color:#04302f;box-shadow:0 8px 20px #1ba5a947}.btn-teal:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1ba5a95c}.btn-ghost{background:var(--surface);color:var(--text-700);border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.btn-ghost:hover{border-color:var(--blue-500);color:var(--blue-600);transform:translateY(-1px)}.btn-soft{background:#eef0fc;color:var(--indigo-700)}.btn-soft:hover{background:#e4e7fb}.btn-sm{padding:9px 16px;font-size:13px;border-radius:10px}.btn-block{width:100%}.btn-icon{width:40px;height:40px;padding:0;border-radius:12px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.field{margin-bottom:18px}.field label{display:block;font-size:13px;font-weight:600;color:var(--text-700);margin-bottom:7px}.field .hint{font-size:12px;color:var(--text-400);margin-top:6px;font-weight:400}.input-wrap{position:relative}.input-wrap>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--text-400)}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],input[type=number],select,textarea{width:100%;padding:13px 16px;border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--surface-2);font-size:14.5px;color:var(--text-900);font-weight:500;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}textarea{resize:vertical;min-height:90px;font-weight:400}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue-500);background:#fff;box-shadow:0 0 0 4px #3057d51f}input::-ms-reveal,input::-ms-clear{display:none}.input-wrap input,.input-wrap select{padding-left:42px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.toggle-pass{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-400);padding:2px}.pass-wrap input{padding-right:42px}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:26px}.card-glass{background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:100px;background:#eef0fc;color:var(--indigo-700);font-size:13px;font-weight:600;border:1px solid transparent;transition:.15s ease}.chip.chip-teal{background:#e4fbf9;color:#0e7c7f}.chip.selectable{cursor:pointer;background:var(--surface-2);color:var(--text-600);border:1.5px solid var(--border)}.chip.selectable.active{background:var(--grad-primary);color:#fff;border-color:transparent}.chip-remove{background:none;border:none;color:inherit;opacity:.6;display:flex}.chip-remove:hover{opacity:1}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;font-size:11.5px;font-weight:700;letter-spacing:.02em}.badge-green{background:#e3faef;color:#0f9d58}.badge-amber{background:#fff4e0;color:#b8790a}.badge-blue{background:#e7ebfc;color:var(--blue-600)}.badge-locked{background:#f1f2fa;color:var(--text-400)}#toast-host{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;align-items:center}.toast{background:var(--navy-900);color:#fff;padding:13px 22px;border-radius:14px;font-size:13.5px;font-weight:600;box-shadow:0 12px 32px #13175d59;display:flex;align-items:center;gap:10px;animation:toastIn .3s cubic-bezier(.2,.9,.3,1.2)}.toast svg{width:16px;height:16px;color:var(--teal-300);flex-shrink:0}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.screen,.view{animation:fadeUp .45s cubic-bezier(.2,.8,.3,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}@media (max-width:960px){.auth-shell{grid-template-columns:1fr}}.auth-visual{position:relative;background:var(--grad-sidebar);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:52px 56px}@media (max-width:960px){.auth-visual{display:none}}.auth-visual:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(27,216,205,.25),transparent 70%);top:-160px;right:-160px}.auth-visual:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(48,87,213,.35),transparent 70%);bottom:-140px;left:-100px}.auth-logo{display:flex;align-items:center;gap:10px;position:relative;z-index:2}.auth-logo img{height:34px;width:auto;filter:brightness(0) invert(1)}.auth-visual-quote{position:relative;z-index:2;max-width:420px}.auth-visual-quote h2{color:#fff;font-size:30px;line-height:1.35;font-weight:700;margin-bottom:16px}.auth-visual-quote p{color:#ffffffa6;font-size:14.5px;line-height:1.6}.auth-stats{position:relative;z-index:2;display:flex;gap:36px}.auth-stats div b{display:block;font-family:var(--font-display);font-size:26px;color:#fff;font-weight:800}.auth-stats div span{font-size:12.5px;color:#ffffff8c;font-weight:500}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth-box{width:100%;max-width:400px}.auth-box-logo{display:none;margin-bottom:28px}@media (max-width:960px){.auth-box-logo{display:block}}.auth-box-logo img{height:30px}.auth-eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-500);margin-bottom:10px}.auth-box h1{font-size:27px;margin-bottom:8px}.auth-box>.sub{color:var(--text-600);font-size:14.5px;margin-bottom:30px}.divider-or{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--text-400);font-size:12.5px;font-weight:600}.divider-or:before,.divider-or:after{content:"";flex:1;height:1px;background:var(--border)}.btn-social{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-radius:var(--r-sm);border:1.5px solid var(--border);background:#fff;font-weight:600;font-size:14px;color:var(--text-700);transition:.15s ease}.btn-social:hover{border-color:var(--text-300);box-shadow:var(--shadow-sm)}.google-button-wrap{width:100%;min-height:44px;display:flex;justify-content:center}.google-button{width:340px;max-width:100%;min-height:44px;border-radius:8px;overflow:hidden}.google-button>div{width:100%!important}.google-button iframe{max-width:100%!important}.auth-foot{margin-top:26px;text-align:center;font-size:14px;color:var(--text-600)}.auth-foot a{color:var(--blue-600);font-weight:700}.auth-check-row{display:flex;align-items:center;justify-content:space-between;margin:-6px 0 20px}.checkbox-line{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--text-600);cursor:pointer}.checkbox-line input{width:16px;height:16px;accent-color:var(--blue-600);cursor:pointer}.link-muted{font-size:13.5px;color:var(--blue-600);font-weight:600}.pass-strength{display:flex;gap:5px;margin-top:9px}.pass-strength span{height:4px;flex:1;border-radius:4px;background:var(--border)}.verify-icon-wrap{width:84px;height:84px;border-radius:50%;background:var(--grad-teal);display:flex;align-items:center;justify-content:center;margin:0 auto 26px;box-shadow:0 14px 30px #1ba5a952}.verify-icon-wrap svg{width:38px;height:38px;color:#fff}.otp-row{display:flex;gap:10px;justify-content:center;margin:26px 0}.otp-row input{width:52px;height:58px;text-align:center;font-size:22px;font-weight:700;padding:0}.resend-line{text-align:center;font-size:13.5px;color:var(--text-600);margin-top:18px}.onb-shell{min-height:100vh;display:flex;flex-direction:column}.onb-top{display:flex;align-items:center;justify-content:space-between;padding:22px 44px;border-bottom:1px solid var(--border-soft);background:#fff}.onb-top img{height:26px}.onb-body{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px}.onb-welcome{max-width:640px;text-align:center}.onb-welcome .eyebrow-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:100px;background:#eef0fc;color:var(--indigo-700);font-weight:700;font-size:13px;margin-bottom:22px}.onb-welcome h1{font-size:38px;line-height:1.2;margin-bottom:14px}.onb-welcome>p{color:var(--text-600);font-size:16px;margin-bottom:40px;max-width:480px;margin-left:auto;margin-right:auto}.onb-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:640px){.onb-choice-row{grid-template-columns:1fr}}.choice-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--r-lg);padding:32px 24px;text-align:left;cursor:pointer;transition:.2s ease;position:relative;overflow:hidden}.choice-card:hover{border-color:var(--blue-500);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.choice-card .ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:var(--grad-primary)}.choice-card:nth-child(2) .ic{background:var(--grad-teal)}.choice-card .ic svg{width:26px;height:26px;color:#fff}.choice-card h3{font-size:17px;margin-bottom:7px}.choice-card p{font-size:13.5px;color:var(--text-600);line-height:1.55}.choice-card .arrow{position:absolute;top:28px;right:24px;color:var(--text-300);transition:.2s ease}.choice-card:hover .arrow{color:var(--blue-600);transform:translate(4px)}.upload-shell{max-width:640px;width:100%;margin:0 auto}.upload-shell h1{font-size:26px;margin-bottom:8px;text-align:center}.upload-shell>p.sub{color:var(--text-600);text-align:center;margin-bottom:32px;font-size:14.5px}.dropzone{border:2px dashed var(--border);border-radius:var(--r-lg);background:#fff;padding:48px 24px;text-align:center;transition:.2s ease;cursor:pointer}.dropzone.drag{border-color:var(--blue-500);background:#f3f6fe}.dropzone .dz-ic{width:64px;height:64px;border-radius:18px;background:var(--grad-card);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.dropzone .dz-ic svg{width:30px;height:30px;color:var(--blue-600)}.dropzone h3{font-size:16px;margin-bottom:6px}.dropzone p{font-size:13px;color:var(--text-400);margin-bottom:18px}.dropzone .filetypes{display:flex;gap:8px;justify-content:center}.upload-progress-box{background:#fff;border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:24px;margin-top:20px}.upload-file-row{display:flex;align-items:center;gap:14px}.upload-file-row .fic{width:42px;height:42px;border-radius:10px;background:#feebee;display:flex;align-items:center;justify-content:center;flex-shrink:0}.upload-file-row .fic svg{width:20px;height:20px;color:#d64550}.upload-file-row .finfo{flex:1}.upload-file-row .finfo b{font-size:14px;display:block}.upload-file-row .finfo span{font-size:12px;color:var(--text-400)}.progress-track{height:7px;border-radius:8px;background:var(--border-soft);overflow:hidden;margin-top:12px}.progress-fill{height:100%;border-radius:8px;background:var(--grad-primary);width:0%;transition:width .3s ease}.ai-processing-row{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:13.5px;color:var(--text-600);font-weight:600}.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--border-soft);border-top-color:var(--blue-600);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.parsed-success{text-align:center;padding:8px 0 4px}.parsed-success .check{width:64px;height:64px;border-radius:50%;background:var(--grad-teal);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 14px 30px #1ba5a94d;animation:popIn .4s cubic-bezier(.2,.9,.3,1.3)}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.parsed-success .check svg{width:30px;height:30px;color:#fff}.extracted-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;text-align:left}.extracted-item{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:12px;padding:14px 16px}.extracted-item span{font-size:11.5px;color:var(--text-400);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.extracted-item b{display:block;font-size:14px;margin-top:4px}.wizard-shell{width:100%;max-width:980px;margin:0 auto;display:grid;grid-template-columns:250px 1fr;gap:36px;align-items:start}@media (max-width:820px){.wizard-shell{grid-template-columns:1fr}}.wizard-steps{position:sticky;top:24px;display:flex;flex-direction:column;gap:2px}@media (max-width:820px){.wizard-steps{display:none}}.wstep{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;font-size:13.5px;font-weight:600;color:var(--text-400);transition:.15s ease}.wstep .num{width:26px;height:26px;border-radius:50%;background:var(--border-soft);color:var(--text-400);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;font-weight:700}.wstep.done .num{background:var(--grad-teal);color:#fff}.wstep.done .num:after{content:"✓"}.wstep.active{background:#eef0fc;color:var(--indigo-700)}.wstep.active .num{background:var(--grad-primary);color:#fff}.wizard-panel{background:#fff;border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:34px;box-shadow:var(--shadow-sm)}.wizard-panel-head{margin-bottom:26px}.wizard-panel-head span.step-tag{font-size:12px;font-weight:700;color:var(--teal-500);text-transform:uppercase;letter-spacing:.05em}.wizard-panel-head h2{font-size:22px;margin-top:6px}.wizard-mobile-bar{display:none;align-items:center;gap:10px;margin-bottom:18px}@media (max-width:820px){.wizard-mobile-bar{display:flex}}.wizard-mobile-bar .progress-track{flex:1;margin:0}.wizard-mobile-bar span{font-size:12.5px;font-weight:700;color:var(--text-600);white-space:nowrap}.wizard-actions{display:flex;justify-content:space-between;margin-top:30px;padding-top:22px;border-top:1px solid var(--border-soft)}.avatar-upload{display:flex;align-items:center;gap:18px;margin-bottom:24px}.avatar-upload .av{width:76px;height:76px;border-radius:50%;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-size:24px;font-weight:800;flex-shrink:0}.skill-cat-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.skill-picker-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.selected-skills-box{background:var(--surface-2);border:1px dashed var(--border);border-radius:12px;padding:16px;display:flex;flex-wrap:wrap;gap:8px;min-height:56px}.repeatable-block{border:1px solid var(--border-soft);border-radius:14px;padding:22px;margin-bottom:18px;position:relative;background:var(--surface-2)}.repeatable-block .rm-btn{position:absolute;top:16px;right:16px;background:#feebee;color:#d64550;border:none;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}.repeatable-block .rm-btn svg{width:15px;height:15px}.add-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:12px;border:1.5px dashed var(--border);background:#fff;color:var(--blue-600);font-weight:700;font-size:13.5px}.add-more-btn:hover{border-color:var(--blue-500);background:#f3f6fe}.workmode-row{display:flex;gap:10px}.workmode-opt{flex:1;text-align:center;padding:16px;border-radius:12px;border:1.5px solid var(--border);font-weight:700;font-size:13.5px;color:var(--text-600);cursor:pointer}.workmode-opt.active{border-color:transparent;background:var(--grad-primary);color:#fff}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--surface-2);border-radius:12px;border:1px solid var(--border-soft)}.switch{position:relative;width:44px;height:25px;border-radius:100px;background:var(--border);flex-shrink:0;transition:.2s ease}.switch:after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s ease;box-shadow:0 1px 3px #00000040}.switch.on{background:var(--grad-teal)}.switch.on:after{left:22px}.app-shell{display:grid;grid-template-columns:264px 1fr;min-height:100vh}@media (max-width:980px){.app-shell{grid-template-columns:1fr}}.sidebar{background:var(--grad-sidebar);position:sticky;top:0;height:100vh;overflow-y:auto;padding:26px 18px;display:flex;flex-direction:column;z-index:40}@media (max-width:980px){.sidebar{position:fixed;left:0;top:0;width:264px;transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26}.sb-logo{display:flex;align-items:center;gap:10px;padding:8px 10px 26px}.sb-logo img{height:24px;filter:brightness(0) invert(1)}.sb-user{display:flex;align-items:center;gap:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;margin-bottom:22px}.sb-user .av{width:38px;height:38px;border-radius:50%;background:var(--grad-teal);display:flex;align-items:center;justify-content:center;font-weight:800;color:#04302f;font-size:14px;flex-shrink:0}.sb-user b{display:block;color:#fff;font-size:13.5px;font-weight:700}.sb-user span{font-size:11.5px;color:#ffffff80}.sb-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#ffffff59;font-weight:700;padding:0 12px;margin:16px 0 8px}.sb-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#ffffffb8;font-size:14px;font-weight:600;margin-bottom:2px;transition:.15s ease;position:relative}.sb-link svg{width:18px;height:18px;flex-shrink:0}.sb-link:hover{background:#ffffff0f;color:#fff}.sb-link.active{background:#ffffff1f;color:#fff}.sb-link.active:before{content:"";position:absolute;left:-18px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--teal-300)}.sb-link.locked{color:#ffffff52;cursor:default}.sb-link.locked svg.lock-ic{width:13px;height:13px;margin-left:auto;opacity:.7}.sb-foot{margin-top:auto;padding-top:14px}.sb-progress-card{background:#ffffff12;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:16px;margin-top:6px}.sb-progress-card .lbl{display:flex;justify-content:space-between;font-size:12px;color:#fff9;font-weight:600;margin-bottom:8px}.sb-progress-card .lbl b{color:#fff}.sb-mini-track{height:6px;border-radius:6px;background:#ffffff1f;overflow:hidden}.sb-mini-fill{height:100%;background:var(--grad-teal);border-radius:6px}.main-col{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:30;background:#f5f6fcd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft);padding:16px 34px;display:flex;align-items:center;gap:18px}.hamburger{display:none;background:#fff;border:1px solid var(--border);width:38px;height:38px;border-radius:10px;align-items:center;justify-content:center}@media (max-width:980px){.hamburger{display:flex}}.hamburger svg{width:18px;height:18px}.topbar-search{flex:1;max-width:380px;position:relative}.topbar-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-400)}.topbar-search input{padding:10px 16px 10px 40px;background:#fff;border-radius:12px;font-size:13.5px}.topbar-right{display:flex;align-items:center;gap:14px;margin-left:auto}.icon-btn{width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--border-soft);display:flex;align-items:center;justify-content:center;position:relative;color:var(--text-600);box-shadow:var(--shadow-sm)}.icon-btn svg{width:18px;height:18px}.icon-btn .dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:#e25555;border:2px solid #F5F6FC}.topbar-avatar{width:40px;height:40px;border-radius:50%;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;cursor:pointer}.page-content{padding:32px 34px 80px;flex:1}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;flex-wrap:wrap;gap:14px}.page-head h1{font-size:25px}.page-head p{color:var(--text-600);font-size:14px;margin-top:4px}.dash-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}@media (max-width:1100px){.dash-grid{grid-template-columns:1fr}}.welcome-card{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:30px 32px;background:var(--grad-sidebar);display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow-lg)}.welcome-card:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(27,216,205,.28),transparent 70%);top:-100px;right:-60px}.welcome-card-text{position:relative;z-index:2}.welcome-card-text span{color:#ffffff8c;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.welcome-card-text h2{color:#fff;font-size:23px;margin:8px 0 10px}.welcome-card-text p{color:#ffffffb3;font-size:13.5px;max-width:380px;line-height:1.55}.readiness-ring-wrap{position:relative;z-index:2;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.readiness-ring{width:118px;height:118px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:conic-gradient(var(--teal-300) calc(var(--pct,72)*1%),rgba(255,255,255,.12) 0)}.readiness-ring:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:#191d6b}.readiness-ring .rv{position:relative;z-index:2;text-align:center}.readiness-ring .rv b{display:block;font-size:24px;color:#fff;font-family:var(--font-display);font-weight:800}.readiness-ring .rv span{font-size:10px;color:#ffffff8c;font-weight:700;text-transform:uppercase}.readiness-ring-wrap>p{color:#ffffff8c;font-size:11.5px;font-weight:700;margin-top:10px;text-transform:uppercase;letter-spacing:.04em}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:640px){.stat-row{grid-template-columns:1fr}}.stat-card{background:#fff;border:1px solid var(--border-soft);border-radius:var(--r-md);padding:20px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm)}.stat-card .ring-sm{width:52px;height:52px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.stat-card .ring-sm:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:#fff}.stat-card .ring-sm span{position:relative;z-index:2;font-size:12.5px;font-weight:800;color:var(--text-900)}.stat-card .lbl b{display:block;font-size:13px;font-weight:700;color:var(--text-900)}.stat-card .lbl span{font-size:11.5px;color:var(--text-400);font-weight:600}.quick-actions-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width:820px){.quick-actions-row{grid-template-columns:1fr 1fr}}.qa-card{background:#fff;border:1px solid var(--border-soft);border-radius:var(--r-md);padding:18px;text-align:left;transition:.18s ease;box-shadow:var(--shadow-sm)}.qa-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border)}.qa-card .ic{width:38px;height:38px;border-radius:10px;background:var(--grad-card);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.qa-card .ic svg{width:19px;height:19px;color:var(--blue-600)}.qa-card b{font-size:13.5px;display:block}.qa-card span{font-size:11.5px;color:var(--text-400)}.section-card{background:#fff;border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-sm)}.section-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-card-head h3{font-size:16px}.section-card-head a{font-size:12.5px;font-weight:700;color:var(--blue-600)}.tip-card{background:var(--grad-card);border:1px solid rgba(46,51,202,.12);border-radius:var(--r-md);padding:18px 20px;display:flex;gap:14px;align-items:flex-start}.tip-card .ic{width:36px;height:36px;border-radius:10px;background:var(--grad-teal);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tip-card .ic svg{width:18px;height:18px;color:#fff}.tip-card b{font-size:13px;display:block;margin-bottom:3px}.tip-card p{font-size:12.5px;color:var(--text-600);line-height:1.5}.suggestion-item{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--border-soft)}.suggestion-item:last-child{border-bottom:none}.suggestion-item .ic{width:32px;height:32px;border-radius:9px;background:#eef0fc;display:flex;align-items:center;justify-content:center;flex-shrink:0}.suggestion-item .ic svg{width:16px;height:16px;color:var(--indigo-700)}.suggestion-item b{font-size:13px;display:block}.suggestion-item p{font-size:12px;color:var(--text-400);margin-top:2px}.activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-soft);align-items:flex-start}.activity-item:last-child{border-bottom:none}.activity-item .dot-ic{width:8px;height:8px;border-radius:50%;background:var(--teal-500);margin-top:6px;flex-shrink:0}.activity-item b{font-size:13px;font-weight:600}.activity-item span{font-size:11.5px;color:var(--text-400);display:block;margin-top:2px}.profile-banner{border-radius:var(--r-lg);overflow:hidden;background:var(--grad-primary);height:150px;position:relative}.profile-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(27,216,205,.4),transparent 60%)}.profile-head{display:flex;gap:22px;margin-top:-58px;padding:0 30px;align-items:flex-end;position:relative;z-index:3;flex-wrap:wrap}.profile-head .av-lg{width:112px;height:112px;border-radius:24px;border:5px solid #fff;background:var(--grad-teal);display:flex;align-items:center;justify-content:center;color:#04302f;font-family:var(--font-display);font-weight:800;font-size:36px;box-shadow:var(--shadow-md);flex-shrink:0}.profile-head-info{flex:1;padding-bottom:8px;min-width:200px}.profile-head-info h2{font-size:22px;color:#fff}.profile-head-info p{color:var(--text-600);font-size:13.5px;margin-top:4px}.profile-head-meta{display:flex;gap:16px;margin-top:10px;flex-wrap:wrap}.profile-head-meta span{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-400);font-weight:600}.profile-head-meta svg{width:14px;height:14px}.profile-head-actions{display:flex;gap:10px;padding-bottom:8px}.profile-tabs{display:flex;gap:6px;margin:26px 0 20px;border-bottom:1px solid var(--border-soft);overflow-x:auto}.ptab{padding:11px 6px;font-size:13.5px;font-weight:700;color:var(--text-400);border-bottom:2.5px solid transparent;white-space:nowrap;margin-right:22px}.ptab.active{color:var(--indigo-700);border-color:var(--blue-600)}.profile-2col{display:grid;grid-template-columns:2fr 1fr;gap:22px}@media (max-width:900px){.profile-2col{grid-template-columns:1fr}}.timeline{position:relative;padding-left:26px}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:24px}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-26px;top:2px;width:13px;height:13px;border-radius:50%;background:var(--grad-primary);border:3px solid #fff;box-shadow:0 0 0 1px var(--border)}.timeline-item b{font-size:14.5px;display:block}.timeline-item .org{font-size:13px;color:var(--blue-600);font-weight:600}.timeline-item .dates{font-size:11.5px;color:var(--text-400);font-weight:600;margin:2px 0 6px}.timeline-item p{font-size:13px;color:var(--text-600);line-height:1.55}.proj-card{border:1px solid var(--border-soft);border-radius:var(--r-md);overflow:hidden;margin-bottom:16px}.proj-card:last-child{margin-bottom:0}.proj-thumb{height:120px;background:var(--grad-card);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.proj-thumb svg{width:34px;height:34px;color:var(--blue-600);opacity:.5}.proj-body{padding:18px}.proj-body h4{font-size:15px;margin-bottom:6px}.proj-body p{font-size:13px;color:var(--text-600);line-height:1.55;margin-bottom:12px}.proj-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.proj-tag{font-size:11px;font-weight:700;padding:4px 9px;border-radius:7px;background:var(--surface-2);color:var(--text-600);border:1px solid var(--border-soft)}.proj-links{display:flex;gap:16px}.proj-links a{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--blue-600)}.proj-links svg{width:14px;height:14px}.cert-card{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--border-soft)}.cert-card:last-child{border-bottom:none}.cert-card .cic{width:44px;height:44px;border-radius:12px;background:#fff4e0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cert-card .cic svg{width:22px;height:22px;color:#b8790a}.cert-card b{font-size:13.5px;display:block}.cert-card span{font-size:12px;color:var(--text-400)}.cert-card a{font-size:12px;color:var(--blue-600);font-weight:700;margin-top:4px;display:inline-block}.coding-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.coding-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--border-soft);border-radius:12px}.coding-item .cdic{width:34px;height:34px;border-radius:9px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-700)}.coding-item .cdic svg{width:17px;height:17px}.coding-item b{font-size:13px;display:block}.coding-item span{font-size:11px;color:var(--text-400)}.achievement-item{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border-soft)}.achievement-item:last-child{border-bottom:none}.achievement-item .aic{width:34px;height:34px;border-radius:9px;background:#e4fbf9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.achievement-item .aic svg{width:17px;height:17px;color:var(--teal-500)}.achievement-item b{font-size:13.5px;display:block}.achievement-item span{font-size:12px;color:var(--text-400)}.resume-preview-card{border:1px solid var(--border-soft);border-radius:var(--r-lg);background:linear-gradient(180deg,#fff,#fbfbfe);padding:34px;text-align:center}.resume-doc-mock{width:180px;height:230px;margin:0 auto 20px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.resume-doc-mock .bar{position:absolute;left:14px;right:14px;height:6px;border-radius:4px;background:var(--border-soft)}.resume-doc-mock .bar.accent{background:var(--grad-primary);width:60%;height:10px}.score-ring-lg{width:130px;height:130px;border-radius:50%;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--teal-500) calc(var(--pct)*1%),var(--border-soft) 0)}.score-ring-lg:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border-radius:50%;background:#fff}.score-ring-lg .sv{position:relative;z-index:2;text-align:center}.score-ring-lg .sv b{font-size:30px;font-family:var(--font-display);font-weight:800;display:block}.score-ring-lg .sv span{font-size:11px;color:var(--text-400);font-weight:700;text-transform:uppercase}.metric-row{display:flex;flex-direction:column;gap:16px}.metric-line .mtop{display:flex;justify-content:space-between;margin-bottom:7px;font-size:13px;font-weight:700}.metric-line .mtop span:last-child{color:var(--teal-500)}.metric-bar-track{height:8px;border-radius:8px;background:var(--border-soft);overflow:hidden}.metric-bar-fill{height:100%;border-radius:8px;background:var(--grad-primary)}.suggestion-list-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-soft);align-items:flex-start}.suggestion-list-item:last-child{border-bottom:none}.suggestion-list-item .ic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.suggestion-list-item .ic svg{width:15px;height:15px}.suggestion-list-item.warn .ic{background:#fff4e0}.suggestion-list-item.warn .ic svg{color:#b8790a}.suggestion-list-item.good .ic{background:#e3faef}.suggestion-list-item.good .ic svg{color:#0f9d58}.suggestion-list-item b{font-size:13.5px;display:block}.suggestion-list-item p{font-size:12.5px;color:var(--text-600);margin-top:2px;line-height:1.5}.missing-skill-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:100px;background:#fff4e0;color:#b8790a;font-size:12.5px;font-weight:700;margin:0 8px 8px 0}.roadmap-step{display:flex;gap:16px;padding-bottom:22px;position:relative}.roadmap-step:last-child{padding-bottom:0}.roadmap-step:before{content:"";position:absolute;left:17px;top:36px;bottom:0;width:2px;background:var(--border-soft)}.roadmap-step:last-child:before{display:none}.roadmap-num{width:36px;height:36px;border-radius:10px;background:var(--grad-card);color:var(--indigo-700);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;flex-shrink:0}.roadmap-step b{font-size:13.5px;display:block}.roadmap-step p{font-size:12.5px;color:var(--text-600);margin-top:3px}.readiness-meter-bar{height:14px;border-radius:100px;background:var(--border-soft);overflow:hidden;position:relative}.readiness-meter-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,#e25555,#ffc93c,#1bd8cd)}.readiness-meter-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-400);font-weight:700;margin-top:8px}.history-item{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--border-soft)}.history-item:last-child{border-bottom:none}.history-item .fic{width:38px;height:38px;border-radius:10px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.history-item .fic svg{width:18px;height:18px;color:var(--text-600)}.history-item b{font-size:13px;display:block}.history-item span{font-size:11.5px;color:var(--text-400)}.settings-shell{display:grid;grid-template-columns:230px 1fr;gap:24px}@media (max-width:820px){.settings-shell{grid-template-columns:1fr}}.settings-nav{display:flex;flex-direction:column;gap:2px}.settings-nav a{padding:11px 14px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--text-600)}.settings-nav a.active{background:#eef0fc;color:var(--indigo-700)}.settings-nav a:hover{background:var(--surface-2)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border-soft)}.settings-row:last-child{border-bottom:none}.settings-row b{font-size:13.5px;display:block}.settings-row span{font-size:12px;color:var(--text-400)}.danger-zone{border:1.5px solid #FBD5D5;background:#fff7f7;border-radius:var(--r-md);padding:20px}.danger-zone h4{color:#c0392b;font-size:14.5px;margin-bottom:6px}.danger-zone p{font-size:12.5px;color:var(--text-600);margin-bottom:14px}.btn-danger{background:#e25555;color:#fff}.btn-danger:hover{background:#d64550}.empty-state{text-align:center;padding:50px 20px}.empty-state .ic{width:64px;height:64px;border-radius:18px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.empty-state .ic svg{width:28px;height:28px;color:var(--text-300)}.empty-state h4{font-size:15px;margin-bottom:6px}.empty-state p{font-size:13px;color:var(--text-400);max-width:280px;margin:0 auto 18px}#demo-nav-btn{position:fixed;bottom:24px;right:24px;z-index:500;width:52px;height:52px;border-radius:16px;background:var(--grad-primary);color:#fff;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 12px 28px #2e33ca66;transition:.2s ease}#demo-nav-btn:hover{transform:translateY(-3px) rotate(8deg)}#demo-nav-btn svg{width:22px;height:22px}#demo-nav-panel{position:fixed;bottom:86px;right:24px;z-index:500;width:290px;max-height:70vh;overflow-y:auto;background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-soft);padding:16px;transform:translateY(12px) scale(.97);opacity:0;pointer-events:none;transition:.2s ease}#demo-nav-panel.open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}#demo-nav-panel h4{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-400);margin:14px 0 6px;padding:0 6px}#demo-nav-panel h4:first-child{margin-top:0}.demo-nav-item{display:block;width:100%;text-align:left;padding:9px 10px;border-radius:9px;font-size:13px;font-weight:600;color:var(--text-700);border:none;background:none}.demo-nav-item:hover{background:var(--surface-2);color:var(--blue-600)}.rec-detail-card{background:#fff;border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:30px 32px;box-shadow:var(--shadow-sm);margin-bottom:20px;animation:fadeUp .45s cubic-bezier(.2,.8,.3,1)}.rec-detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.rec-detail-title{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--text-900);line-height:1.3;letter-spacing:-.02em;margin:0}.rec-detail-badge{display:inline-flex;align-items:center;padding:6px 16px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.03em;white-space:nowrap;flex-shrink:0}.rec-detail-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:20px 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.rec-meta-item{display:flex;flex-direction:column;gap:6px;padding:0 20px;border-right:1px solid var(--border-soft)}.rec-meta-item:first-child{padding-left:0}.rec-meta-item:last-child{border-right:none;padding-right:0}.rec-meta-label{font-size:11px;font-weight:700;color:var(--text-400);text-transform:uppercase;letter-spacing:.06em}.rec-meta-value{font-size:14.5px;font-weight:700;color:var(--text-900)}.rec-detail-separator{height:1px;background:var(--border-soft);margin:20px 0;display:none}.rec-detail-desc{font-size:14px;color:var(--text-600);line-height:1.7;margin:20px 0 0;font-weight:400}.rec-progress-card{background:#fff;border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:28px 32px;box-shadow:var(--shadow-sm);margin-bottom:20px;animation:fadeUp .45s cubic-bezier(.2,.8,.3,1) .05s both}.rec-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.rec-progress-title{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--text-900);margin:0}.rec-progress-track{height:8px;border-radius:100px;background:var(--border-soft);overflow:hidden;margin-bottom:12px}.rec-progress-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--indigo-700),var(--teal-500));transition:width .6s cubic-bezier(.4,0,.2,1)}.rec-progress-sub{display:flex;justify-content:space-between;align-items:center}.rec-nav-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;animation:fadeUp .45s cubic-bezier(.2,.8,.3,1) .1s both}.rec-nav-btn{display:flex;align-items:center;gap:14px;padding:20px 22px;background:#fff;border:1px solid var(--border-soft);border-radius:var(--r-lg);cursor:pointer;transition:.2s ease;box-shadow:var(--shadow-sm)}.rec-nav-btn:hover:not(:disabled){border-color:var(--blue-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.rec-nav-btn:disabled{opacity:.4;cursor:not-allowed}.rec-nav-btn svg{color:var(--blue-600)}.rec-nav-prev{justify-content:flex-start}.rec-nav-next{justify-content:flex-end}.rec-nav-text{display:flex;flex-direction:column;gap:3px;min-width:0}.rec-nav-label{font-size:11px;font-weight:700;color:var(--text-400);text-transform:uppercase;letter-spacing:.05em}.rec-nav-title{font-size:14px;font-weight:700;color:var(--text-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rec-layout{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.rec-sidebar-card{background:#fff;border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-sm);animation:fadeUp .45s cubic-bezier(.2,.8,.3,1) .15s both}.rec-sidebar-header{margin-bottom:16px}.rec-sidebar-header h4{font-size:15px;font-weight:800;color:var(--text-900);margin-bottom:4px}.rec-sidebar-header span{font-size:13px;color:var(--text-500);font-weight:500}.rec-sidebar-list{display:flex;flex-direction:column;gap:8px}.rec-sidebar-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:.2s ease}.rec-sidebar-item:hover{background:var(--surface-2);border-color:var(--border-soft)}.rec-sidebar-item.active{background:#f5f6fc;border-color:var(--blue-500)}.rec-sidebar-item-ic{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--navy-900);color:#fff;flex-shrink:0}.rec-sidebar-item.active .rec-sidebar-item-ic{background:var(--blue-600)}.rec-sidebar-item.completed .rec-sidebar-item-ic{background:var(--teal-500)}.rec-sidebar-item-ic svg{width:16px;height:16px;fill:currentColor}.rec-sidebar-item-content{flex:1;min-width:0}.rec-sidebar-item-content b{display:block;font-size:13px;font-weight:700;color:var(--text-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.rec-sidebar-item-content span{font-size:11px;font-weight:600;color:var(--text-400)}.rec-sidebar-item-check{color:var(--teal-500);display:flex;align-items:center;justify-content:center}.rec-sidebar-item-check svg{width:16px;height:16px}.rec-continue-learning{margin-top:40px;animation:fadeUp .45s cubic-bezier(.2,.8,.3,1) .2s both}.rec-continue-title{font-size:18px;font-weight:800;color:var(--text-900);margin-bottom:20px}.rec-continue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.rec-continue-card{background:#fff;border:1px solid var(--border-soft);border-radius:var(--r-md);overflow:hidden;cursor:pointer;transition:.2s ease;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.rec-continue-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border)}.rec-continue-thumb{height:110px;position:relative;display:flex;align-items:center;justify-content:center}.rec-continue-thumb svg{width:28px;height:28px;color:#fff;fill:currentColor}.rec-continue-dur{position:absolute;bottom:8px;right:8px;background:#0009;color:#fff;font-size:10px;font-weight:700;padding:3px 6px;border-radius:4px}.rec-continue-info{padding:14px;flex:1;display:flex;flex-direction:column}.rec-continue-info b{font-size:13px;font-weight:700;color:var(--text-900);line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rec-continue-info span{font-size:11px;font-weight:600;color:var(--text-400);margin-top:auto}.rec-continue-track{height:4px;border-radius:4px;background:var(--border-soft);margin-top:8px;overflow:hidden}.rec-continue-fill{height:100%;border-radius:4px;background:var(--blue-600)}@media (max-width:1100px){.rec-layout{grid-template-columns:1fr}.rec-continue-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.rec-detail-meta{grid-template-columns:1fr 1fr;gap:16px}.rec-meta-item{border-right:none;padding:0}.rec-nav-row{grid-template-columns:1fr}.rec-detail-card,.rec-progress-card{padding:22px 20px}}@media (max-width:640px){.row-2,.row-3{grid-template-columns:1fr}.page-content{padding:22px 16px 70px}.topbar{padding:14px 16px}.profile-head{padding:0 16px}.rec-detail-meta{grid-template-columns:1fr}.rec-detail-top{flex-direction:column;gap:10px}}@keyframes ringFill{0%{stroke-dashoffset:var(--ring-from, 283)}to{stroke-dashoffset:var(--ring-to, 0)}}@keyframes staggerFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-item{animation:staggerFadeUp .4s cubic-bezier(.2,.8,.3,1) both}.qa-card,.stat-card,.choice-card{will-change:transform}.qa-card:active,.choice-card:active{transform:scale(.98)}.sb-mini-fill,.metric-bar-fill,.readiness-meter-fill{transition:width 1s cubic-bezier(.2,.8,.2,1)}.progress-fill{transition:width .25s ease}