@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Nunito:wght@700;800;900&display=swap";:root{font-family:Be Vietnam Pro,system-ui,sans-serif;color:#172242;background:#f7f9ff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f7f9ff;color:#172242}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.66}.site-header{height:78px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:#ffffffe0;border-bottom:1px solid #e6ebf7;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{border:0;background:transparent;display:flex;align-items:center;gap:11px;color:#172242;text-align:left;padding:5px 0}.brand-mark{width:37px;height:37px;border-radius:12px 12px 12px 4px;display:grid;place-items:center;color:#fff;background:#2348a6;font-size:22px;font-weight:800;box-shadow:4px 5px #f6c948;transform:rotate(-3deg)}.brand strong{display:block;font-family:Nunito,sans-serif;font-size:20px;letter-spacing:-.03em;line-height:1}.brand small{display:block;margin-top:4px;color:#7a86a4;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.top-nav{display:flex;gap:8px}.nav-link{border:0;background:transparent;color:#7a86a4;font-size:13px;font-weight:700;padding:10px 14px;border-radius:10px}.nav-link:hover,.nav-link.active{color:#2348a6;background:#edf2ff}.page-shell{width:min(1160px,calc(100% - 40px));margin:0 auto}.identity-layout{min-height:calc(100vh - 146px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(50px,9vw,132px);padding:68px 0 90px}.hero-copy{position:relative;padding-left:2px}.hero-copy:before{content:"";width:180px;height:180px;background:#fff3bf;border-radius:50%;position:absolute;top:-70px;left:-60px;z-index:-1}.eyebrow,.card-kicker{color:#5670c9;font-size:11px;line-height:1.2;font-weight:800;letter-spacing:.16em;margin:0 0 16px}h1,h2,h3,p{margin-top:0}.hero-copy h1,.teacher-heading h1,.teacher-gate h1,.result-hero h1,.exam-topbar h1{font-family:Nunito,sans-serif;letter-spacing:-.045em}.hero-copy h1{font-size:clamp(43px,6vw,74px);line-height:.99;margin:0 0 22px;color:#172242}.hero-copy h1 em{color:#2348a6;font-style:normal;position:relative}.hero-copy h1 em:after{content:"";height:8px;border-radius:50%;background:#f6c948;position:absolute;left:4px;right:7px;bottom:-7px;transform:rotate(-2deg);z-index:-1}.hero-lead{max-width:430px;color:#65718e;font-size:17px;line-height:1.75;margin-bottom:32px}.fact-row{display:flex;flex-wrap:wrap;gap:25px;color:#65718e;font-size:13px}.fact-row span{display:flex;align-items:baseline;gap:6px}.fact-row b{color:#2348a6;font-family:Nunito,sans-serif;font-size:25px}.card-shadow{box-shadow:0 20px 50px #2348a614,0 4px 15px #1722420a}.identity-card,.gate-card{background:#fff;border:1px solid #e5eafa;border-radius:24px;padding:clamp(25px,4vw,38px)}.identity-card{position:relative;max-width:440px;width:100%;justify-self:end}.identity-card:after{content:"";width:64px;height:64px;border:5px solid #dce5ff;border-radius:50%;position:absolute;right:-26px;top:-28px;z-index:-1}.identity-card h2,.gate-card h1{font-family:Nunito,sans-serif;font-size:29px;letter-spacing:-.035em;margin-bottom:9px}.muted{color:#7a86a4;font-size:13px;line-height:1.65}.identity-card>.muted,.gate-card>.muted{margin-bottom:27px}form{display:grid;gap:10px}label{color:#27355a;font-size:13px;font-weight:800;margin-top:5px}label>span{color:#e45e61}input{width:100%;border:1px solid #dce3f3;border-radius:11px;padding:13px 14px;outline:none;background:#fbfcff;color:#172242;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}input:focus{border-color:#6e88df;background:#fff;box-shadow:0 0 0 4px #edf2ff}input::placeholder{color:#aeb7ca}.primary-button,.secondary-button{border:0;border-radius:11px;padding:13px 18px;font-weight:800;font-size:14px;transition:transform .18s,box-shadow .18s,background .18s}.primary-button{background:#2348a6;color:#fff;box-shadow:0 7px #cbd7fa}.primary-button:hover{transform:translateY(-2px);box-shadow:0 9px #cbd7fa}.primary-button:active{transform:translateY(2px);box-shadow:0 3px #cbd7fa}.full-button{width:100%;margin-top:16px}.tip-box{display:flex;gap:10px;margin-top:24px;padding:13px 14px;border-radius:12px;background:#fff9df;color:#80661c}.tip-box>span{font-size:17px}.tip-box p{font-size:11px;line-height:1.6;margin:0}.site-footer{max-width:1160px;width:calc(100% - 40px);margin:0 auto;padding:20px 0 28px;display:flex;justify-content:space-between;color:#a1abc0;font-size:11px}.site-footer button{border:0;background:transparent;color:#7180a4;font-size:11px;font-weight:700}.site-footer button:hover{color:#2348a6}.exam-shell{width:min(900px,calc(100% - 32px));margin:0 auto;padding:45px 0 90px}.exam-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.exam-topbar h1{font-size:34px;margin:0 0 4px}.exam-topbar .muted{margin-bottom:0}.timer{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 15px;color:#2348a6;background:#edf2ff;border:1px solid #dbe5ff;border-radius:13px}.timer-icon{font-size:25px;line-height:1}.timer small{display:block;font-size:9px;font-weight:800;letter-spacing:.08em;color:#6e7fb8}.timer strong{display:block;font-family:Nunito,sans-serif;font-size:23px;line-height:1.1}.timer.urgent{color:#b84549;background:#fff0f0;border-color:#ffd4d5;animation:pulse 1.5s infinite}@keyframes pulse{50%{transform:scale(1.03)}}.progress-wrap{background:#fff;border:1px solid #e5eafa;border-radius:15px;padding:15px 17px;margin-bottom:16px}.progress-label{display:flex;justify-content:space-between;color:#7a86a4;font-size:11px;margin-bottom:9px}.progress-label strong{color:#2348a6}.progress-track{height:7px;background:#eaf0ff;border-radius:99px;overflow:hidden}.progress-bar{height:100%;border-radius:inherit;background:#f6c948;transition:width .2s}.exam-note{display:flex;gap:11px;align-items:center;padding:12px 15px;color:#536280;background:#f0f9f7;border:1px solid #d9f0e9;border-radius:12px;margin-bottom:22px}.exam-note>span{color:#21a081;font-size:20px}.exam-note p{margin:0;font-size:12px}.question-stack{display:grid;gap:16px}.question-card,.teacher-card{background:#fff;border:1px solid #e5eafa;border-radius:18px}.question-card{padding:22px;scroll-margin-top:100px}.question-meta,.review-title{display:flex;align-items:center;gap:10px}.question-number{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:12px 12px 12px 4px;color:#2348a6;background:#edf2ff;font-family:Nunito,sans-serif;font-weight:900}.skill-tag{display:inline-block;color:#6877a0;background:#f2f4fa;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:700}.question-card h2{color:#26345a;font-size:17px;line-height:1.55;margin:16px 0}.option-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.option{display:flex;align-items:flex-start;gap:9px;border:1px solid #e1e7f3;border-radius:11px;padding:11px 12px;color:#61708e;font-size:13px;line-height:1.45;font-weight:500;margin:0;transition:border-color .15s,background .15s,color .15s}.option:hover{border-color:#91a7ec;color:#29468f;background:#f7f9ff}.option.selected{border-color:#5676d5;color:#233d83;background:#edf2ff;box-shadow:inset 3px 0 #2348a6}.option.locked{cursor:not-allowed}.option input{position:absolute;opacity:0;pointer-events:none;width:1px}.option-letter{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:7px;color:#65718e;background:#f1f4fa;font-size:11px;font-weight:900}.option.selected .option-letter{color:#fff;background:#2348a6}.submit-panel{margin-top:20px;padding:17px 19px;position:sticky;bottom:12px;z-index:5;background:#fffffff2;border:1px solid #dfe6f4;border-radius:15px;box-shadow:0 10px 35px #1722421a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.submit-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.submit-button{min-width:155px}.warning{color:#a04a42;background:#fff4ed;border:1px solid #ffdfc9;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.5;margin:0 0 12px}.warning.info{color:#246b68;background:#ecfaf6;border-color:#c9eee4}.result-shell{padding:54px 0 85px}.result-hero{text-align:center;background:#fff;border:1px solid #e5eafa;border-radius:22px;padding:35px 20px 32px}.result-check{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 15px;border-radius:50%;color:#fff;background:#24a47e;font-size:29px;font-weight:800;box-shadow:0 0 0 7px #e2f7f0}.result-hero h1{font-size:34px;margin-bottom:7px}.result-hero .muted{margin-bottom:24px}.score-row{display:flex;justify-content:center;align-items:center;gap:27px;color:#7a86a4}.score-row>div:not(.score-divider){display:flex;align-items:baseline;gap:5px}.score-row strong{color:#2348a6;font-family:Nunito,sans-serif;font-size:42px;line-height:1}.score-row span{font-size:12px}.score-divider{width:1px;height:38px;background:#dfe5f2}.review-section{margin-top:48px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading h2{font-family:Nunito,sans-serif;font-size:26px;letter-spacing:-.03em;margin:0}.section-heading .eyebrow{margin-bottom:7px}.secondary-button{color:#2348a6;background:#fff;border:1px solid #d6e0f6}.secondary-button:hover{background:#edf2ff}.review-list{display:grid;gap:13px}.review-card{background:#fff;border:1px solid #e4e9f4;border-left:4px solid #e45e61;border-radius:14px;padding:17px 18px}.review-card.correct{border-left-color:#24a47e}.review-title h3{margin:0 0 4px;font-size:15px}.status-label{margin-left:auto;font-size:11px;color:#c34d53}.review-card.correct .status-label{color:#188b6b}.review-question{color:#465577;font-size:14px;line-height:1.55;margin:16px 0 12px}.review-answer-grid{display:flex;flex-wrap:wrap;gap:20px;color:#7a86a4;background:#f7f9fd;border-radius:8px;padding:9px 11px;font-size:12px}.review-answer-grid b{color:#c34d53}.review-card.correct .review-answer-grid b{color:#188b6b}.explanation{color:#6d7894;font-size:12px;line-height:1.55;margin:12px 0 0}.explanation span{color:#334572;font-weight:800}.teacher-gate{min-height:calc(100vh - 145px);display:grid;place-items:center;padding:50px 0 80px}.gate-card{width:min(450px,100%);text-align:center}.lock-icon{width:55px;height:55px;display:grid;place-items:center;margin:0 auto 18px;color:#2348a6;background:#edf2ff;border-radius:16px;font-size:26px}.gate-card h1{margin-bottom:8px}.gate-card form{text-align:left;margin-top:24px}.gate-note{color:#a0aac0;font-size:11px;margin:22px 0 0}.teacher-shell{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:54px 0 90px}.teacher-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.teacher-heading h1{font-size:43px;margin:0 0 5px}.teacher-heading .muted{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:23px}.stat-card{padding:20px;min-height:140px;background:#fff;border:1px solid #e5eafa;border-radius:17px}.stat-card.accent{background:#2348a6;color:#fff;border-color:#2348a6}.stat-card>span{display:block;color:#8995b1;font-size:10px;letter-spacing:.12em;font-weight:800}.stat-card.accent>span{color:#bbcaff}.stat-card>strong{display:block;color:#2348a6;font-family:Nunito,sans-serif;font-size:38px;margin:13px 0 2px;line-height:1}.stat-card.accent>strong{color:#fff}.stat-card strong small{font-size:14px}.stat-card>small{color:#8792ad;font-size:11px}.stat-card.accent>small{color:#d1dbff}.teacher-card{padding:22px;margin-top:17px}.sort-actions{display:flex;align-items:center;gap:7px;color:#8a95ac;font-size:11px}.sort-button{border:1px solid #e0e6f1;border-radius:8px;background:#fff;color:#7885a1;padding:7px 9px;font-size:11px;font-weight:700}.sort-button.selected,.sort-button:hover{color:#2348a6;border-color:#bac9f2;background:#edf2ff}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:560px}th{text-align:left;color:#97a1b6;font-size:10px;font-weight:800;letter-spacing:.11em;padding:12px 10px;border-bottom:1px solid #e8edf6}td{color:#66728d;font-size:13px;padding:15px 10px;border-bottom:1px solid #eef1f7}td strong{color:#26345a}.score-chip{display:inline-block;padding:5px 9px;border-radius:8px;color:#2348a6;background:#edf2ff;font-weight:800;font-size:12px}.empty-state{text-align:center;padding:34px 15px 28px}.empty-icon{width:45px;height:45px;display:grid;place-items:center;margin:0 auto 10px;color:#9aa8ca;background:#f1f4fb;border-radius:50%;font-size:28px}.empty-state h3{color:#435276;font-size:16px;margin-bottom:7px}.empty-state p{color:#9aa4b9;font-size:12px;margin:0}.chart-card{padding-bottom:30px}.formula{color:#8e99ae;font-size:11px}.chart-scroll{width:100%;overflow-x:auto;padding-bottom:8px}.bar-chart{height:245px;display:grid;grid-template-columns:repeat(28,minmax(18px,1fr));gap:7px;align-items:end;padding:25px 5px 0;border-bottom:1px solid #dfe5f1}.bar-item{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px;min-width:0}.bar-value{color:#7885a1;font-size:9px;line-height:1;min-height:10px}.bar-track{width:100%;height:165px;display:flex;align-items:end;background:#f2f5fb;border-radius:5px 5px 0 0;overflow:hidden}.bar-fill{width:100%;min-height:0;background:#6e88df;border-radius:5px 5px 0 0;transition:height .35s}.bar-fill.high{background:#e68b71}.bar-item>span{color:#8691aa;font-size:9px;white-space:nowrap;transform:rotate(-45deg);transform-origin:top center;margin-top:6px}.chart-empty{min-height:190px;display:grid;place-content:center;text-align:center;color:#95a0b7}.chart-empty p{color:#566487;font-weight:800;margin:0 0 5px}.chart-empty span{font-size:12px}@media (max-width: 760px){.site-header{height:69px;padding:0 17px}.brand-mark{width:32px;height:32px;font-size:18px}.brand strong{font-size:17px}.brand small{font-size:8px}.top-nav{gap:2px}.nav-link{padding:8px 7px;font-size:10px}.page-shell,.teacher-shell{width:min(100% - 28px,600px)}.identity-layout{display:block;padding:48px 0 55px;min-height:auto}.hero-copy{margin-bottom:42px}.hero-copy h1{font-size:47px}.hero-lead{font-size:15px}.identity-card{justify-self:auto}.exam-shell{width:calc(100% - 24px);padding-top:27px}.exam-topbar{display:block}.exam-topbar h1{font-size:28px}.timer{margin-top:17px;width:100%;justify-content:center}.question-card{padding:17px 14px}.question-card h2{font-size:16px}.option-list{grid-template-columns:1fr;gap:8px}.option{font-size:13px}.submit-panel{bottom:7px;padding:12px}.submit-row{align-items:stretch;display:grid;gap:10px}.submit-row .muted{text-align:center}.submit-button{width:100%}.result-shell{padding-top:32px}.result-hero h1{font-size:29px}.score-row{gap:15px}.score-row strong{font-size:35px}.review-section{margin-top:34px}.section-heading{align-items:flex-start;display:block}.section-heading>.secondary-button{margin-top:15px}.teacher-heading{align-items:flex-start;display:block}.teacher-heading .secondary-button{margin-top:15px}.teacher-heading h1{font-size:35px}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{min-height:110px}.stat-card>strong{margin-top:9px}.sort-actions{flex-wrap:wrap;margin-top:16px}.teacher-card{padding:16px 13px}.bar-chart{gap:3px;padding-left:0;padding-right:0;min-width:585px}.bar-item>span{font-size:8px}.formula{display:block;margin-top:12px}.site-footer{width:calc(100% - 28px);font-size:9px}}