@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans TC,sans-serif;color:#192824;background:#f7f7f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.app{min-height:100vh;display:flex;flex-direction:column;background:#f7f7f1}.site-header{height:88px;background:#fbfbf7;border-bottom:1px solid #e7ebe6}.site-header-inner{height:100%;max-width:1340px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#1e644f;color:#fff}.brand strong{display:block;font-size:15px;letter-spacing:.015em}.brand small{display:block;font-size:10px;color:#7c8d85;letter-spacing:.16em;margin-top:3px}.header-caption{font-size:10px;letter-spacing:.22em;color:#9aa7a0;font-weight:700}.main{width:100%;max-width:1340px;margin:0 auto;padding:0 44px 70px;flex:1}.site-footer{border-top:1px solid #e6e9e3;min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:18px max(44px,calc((100vw - 1252px)/2));color:#95a19a;font-size:11px;gap:15px}.notice{max-width:800px;margin:22px auto 0;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e5b8a4;background:#fff4ec;border-radius:12px;color:#9c4d32;font-size:13px}.icon-button{border:0;background:none;color:inherit;padding:4px;display:grid;place-items:center}.home-hero{display:grid;grid-template-columns:1.13fr .87fr;min-height:493px;position:relative;overflow:hidden;border-bottom:1px solid #e5eae4}.hero-copy{padding:78px 0 63px;z-index:1}.eyebrow,.overline{font-size:11px;letter-spacing:.16em;color:#c48751;font-weight:800}.eyebrow{display:flex;gap:10px;align-items:center}.eyebrow-line{width:24px;height:1px;background:#bd8b62}.hero-copy h1{font-size:clamp(35px,4.1vw,57px);line-height:1.3;letter-spacing:-.055em;margin:25px 0 22px;font-weight:800}.hero-copy h1 em{font-style:normal;color:#206b55}.hero-copy p{font-size:15px;line-height:2;color:#71837a;max-width:500px;margin:0}.hero-metrics{display:flex;align-items:center;gap:30px;margin-top:44px}.hero-metrics div{display:flex;flex-direction:column;gap:4px}.hero-metrics strong{font-size:30px;line-height:1;color:#204e40}.hero-metrics strong span{font-size:13px;margin-left:4px}.hero-metrics div>span{color:#91a097;font-size:11px}.hero-metrics i{width:1px;height:29px;background:#dce4dc}.hero-art{position:relative;min-height:493px;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#dae9d8 3%,#eaf1e6 55%,transparent 71%);z-index:-2}.art-orbit{position:absolute;border:1px solid #a8c2ad;border-radius:50%;transform:rotate(-29deg)}.orbit-one{width:325px;height:325px}.orbit-two{width:465px;height:335px;border-color:#c4d4c4}.art-center{width:232px;height:232px;border-radius:35%;background:linear-gradient(145deg,#337e65,#1b5f4b 60%,#153e36);box-shadow:0 36px 75px #1d604055,inset 0 1px 15px #fff3;transform:rotate(-12deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f1ead6;position:relative}.art-center:after{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid #ffffff3d;border-radius:31%}.art-center span{font-size:85px;line-height:1;font-weight:500;font-family:Georgia,serif;letter-spacing:-.13em;margin-right:16px}.art-center small{font-size:8px;letter-spacing:.3em;margin-top:12px}.art-dot{position:absolute;border-radius:50%;background:#d9ac69;box-shadow:0 8px 18px #b77b3566}.dot-one{width:39px;height:39px;top:91px;left:70px}.dot-two{width:22px;height:22px;right:87px;bottom:102px}.dot-three{width:14px;height:14px;right:59px;top:147px;background:#75ae87}.art-label{position:absolute;font-size:9px;letter-spacing:.24em;color:#799487;font-weight:800}.label-one{right:45px;top:87px}.label-two{left:32px;bottom:98px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:46px 0 23px}.section-heading h2,.review-heading h2{font-size:25px;letter-spacing:-.04em;margin:7px 0 0}.section-hint{font-size:12px;color:#95a49a;padding-bottom:4px}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:21px}.mode-card{text-align:left;min-height:248px;border:1px solid #e4eae2;background:#fff;border-radius:21px;padding:27px 30px;display:grid;grid-template-columns:1fr auto;align-content:start;box-shadow:0 10px 25px #253e2407;transition:transform .2s,box-shadow .2s,border-color .2s}.mode-card:hover,.role-card:hover{transform:translateY(-4px);box-shadow:0 20px 36px #253e2417;border-color:#b9d4c3}.mode-icon{width:50px;height:50px;border-radius:16px;background:#e4f0e9;color:#206c52;display:grid;place-items:center}.practice-card .mode-icon{background:#fff2e5;color:#b8783e}.mode-number{justify-self:end;color:#a5afa6;font-size:10px;letter-spacing:.17em;font-weight:700;padding-top:5px}.mode-card h3{grid-column:1/-1;font-size:23px;margin:18px 0 7px;letter-spacing:-.03em}.mode-card p{grid-column:1/-1;font-size:13px;color:#7d8e83;line-height:1.9;margin:0;max-width:380px}.mode-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0ea;margin-top:22px;padding-top:17px;color:#21634f;font-size:12px;font-weight:700}.practice-card .mode-footer{color:#a97848}.source-note{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#899a8e;line-height:1.7;margin:23px 0 0}.source-note svg{flex:none;margin-top:1px;color:#789e83}.center-wrap{max-width:820px;margin:62px auto}.back-link{display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:#697e70;padding:4px 0;font-size:12px;font-weight:700}.back-link:hover{color:#175f47}.section-intro{text-align:center;margin:34px 0 35px}.section-intro h1,.form-card h1,.waiting-card h1,.complete-card h1{font-size:35px;letter-spacing:-.05em;margin:10px 0}.section-intro p,.form-card>p,.waiting-card>p,.complete-card>p{color:#7c8c82;font-size:14px;line-height:1.8}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.role-card{display:flex;flex-direction:column;align-items:flex-start;min-height:240px;border:1px solid #e4eae2;background:#fff;border-radius:19px;padding:27px;text-align:left;transition:.2s}.role-icon{width:59px;height:59px;border-radius:18px;display:grid;place-items:center;margin-bottom:22px}.role-icon.teacher{background:#e7f1e9;color:#21634e}.role-icon.student{background:#fdf0e4;color:#bb8251}.role-card strong{font-size:21px}.role-card>span:nth-last-of-type(1){font-size:12px;color:#839187;margin-top:8px}.role-card>svg{margin-top:auto;align-self:flex-end;color:#37765a}.form-wrap{max-width:530px;margin:45px auto}.form-card{background:#fff;border:1px solid #e5eae4;border-radius:23px;margin-top:24px;padding:38px 43px 42px;box-shadow:0 20px 48px #253e240a}.form-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:17px;background:#e6f1e9;color:#266d54;margin-bottom:20px}.form-icon.student-icon{background:#fdf0e4;color:#b67942}.form-card h1{font-size:30px;margin:10px 0}.form-card p{margin:0 0 25px}.form-card form{display:flex;flex-direction:column}.form-card label{font-size:12px;font-weight:700;color:#31463b;margin:16px 0 8px}.form-card label small{font-weight:400;color:#9ba89e;margin-left:7px}.form-card input{height:49px;border:1px solid #dce6dd;border-radius:10px;background:#fcfdfb;padding:0 14px;outline:none;color:#1d2c24}.form-card input:focus{border-color:#3c8c69;box-shadow:0 0 0 3px #3c8c6922}.form-facts{display:flex;gap:18px;margin:20px 0 4px;color:#698d72;font-size:11px}.form-facts span{display:flex;align-items:center;gap:4px}.primary-button,.secondary-button,.submit-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;border:1px solid transparent;min-height:45px;padding:0 20px;font-weight:700;font-size:12px;white-space:nowrap}.primary-button{background:#22694f;color:#fff;box-shadow:0 7px 16px #23674b27}.primary-button:hover:not(:disabled){background:#175a42}.secondary-button{border-color:#dbe6dc;background:#fff;color:#315541}.secondary-button:hover:not(:disabled){border-color:#92b7a1;background:#f7faf7}.primary-button.wide{width:100%;margin-top:25px}.error-text{color:#b14e35!important;background:#fff1ed;border:1px solid #f3cec2;border-radius:9px;padding:10px 12px;font-size:12px!important;line-height:1.5!important;margin:15px 0 0!important}.dashboard{padding-top:51px}.page-header{display:flex;justify-content:space-between;align-items:end;gap:20px}.page-header h1{font-size:34px;letter-spacing:-.05em;margin:8px 0}.page-header p{color:#8b9a90;font-size:13px;margin:0}.header-actions{display:flex;gap:9px}.session-banner{background:#225e4b;color:#fff;min-height:119px;border-radius:17px;margin-top:27px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.session-banner:after{content:"";position:absolute;right:104px;top:-97px;width:250px;height:250px;border:1px solid #ffffff33;border-radius:50%;box-shadow:0 0 0 40px #ffffff07,0 0 0 90px #ffffff04}.session-banner>div{display:flex;align-items:center;gap:23px;z-index:1}.small-label{display:block;font-size:11px;color:#a6bfaf;letter-spacing:.08em}.session-code{letter-spacing:.2em;font-size:31px;color:#fff}.banner-tip{font-size:12px;color:#bed0c3}.copy-button{z-index:1;border:1px solid #ffffff4f;background:#ffffff1b;color:#fff;border-radius:9px;padding:11px 16px;font-weight:700;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:230px 1fr;gap:18px;margin:21px 0}.number-card,.start-card,.stat-card,.list-panel,.insights{background:#fff;border:1px solid #e4eae3;border-radius:16px}.number-card{padding:22px}.number-card strong{display:block;font-size:38px;line-height:1.4;color:#1d644b}.number-card strong small{font-size:15px}.number-card p{font-size:11px;color:#8e9e92;margin:4px 0 0}.start-card{display:flex;align-items:center;gap:18px;padding:25px}.start-card>svg{color:#267255;flex:none}.start-card>div{flex:1}.start-card strong{font-size:15px}.start-card p{color:#89998e;font-size:11px;line-height:1.7;margin:7px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:21px 0}.stat-card{padding:20px 23px}.stat-card span{color:#8e9c92;font-size:11px}.stat-card strong{display:block;font-size:26px;margin-top:11px;color:#1c6148}.insights{margin-bottom:19px;padding:19px 24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:42px}.insights>div{min-width:0}.insights span{color:#8c9b90;font-size:11px}.insights strong{display:block;font-size:23px;margin:6px 0}.progress{height:6px;background:#e5eee7;border-radius:5px;overflow:hidden}.progress i{display:block;background:#2f8d66;height:100%;border-radius:5px}.progress.golden i{background:#dda85e}.score-range small{font-size:10px;color:#9daaa0}.list-panel{margin-top:19px;overflow:hidden}.panel-heading{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-heading h2{font-size:17px;margin:0 0 4px}.panel-heading span{color:#9aaa9f;font-size:11px}.sort-buttons{display:flex;border:1px solid #e1e8df;border-radius:9px;padding:3px;background:#f8faf7}.sort-buttons button{border:0;background:transparent;color:#8a9b8d;font-size:10px;border-radius:6px;padding:7px 10px}.sort-buttons button.active{background:#fff;color:#266649;box-shadow:0 2px 7px #233a2315;font-weight:700}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:550px;text-align:left}thead{background:#f7faf7;color:#92a198;font-size:10px}th{font-weight:700;padding:12px 24px}td{padding:15px 24px;border-top:1px solid #eef1ed;font-size:12px;color:#53695a}.student-number{color:#1b4736;font-weight:700}.score-cell{font-weight:700;color:#246c50}.status-pill{font-size:10px;border-radius:20px;padding:5px 9px;background:#edf3ed;color:#687e6b}.status-pill.answering{background:#fff4e4;color:#9c733f}.status-pill.submitted{background:#e5f3e9;color:#287650}.status-pill.timed_out{background:#f7eae5;color:#ad6048}.empty-row{text-align:center;padding:34px;color:#a1afa2}.loading-panel{text-align:center;padding:80px 20px;color:#83968a}.waiting-wrap,.complete-wrap{display:grid;place-items:center;min-height:calc(100vh - 240px)}.waiting-card,.complete-card{width:min(100%,600px);background:#fff;border:1px solid #e4eae3;border-radius:25px;box-shadow:0 20px 50px #274e2c0d;padding:45px;text-align:center}.waiting-symbol,.complete-icon{width:70px;height:70px;border-radius:22px;margin:0 auto 24px;display:grid;place-items:center;background:#eaf3eb;color:#2b7858}.waiting-card h1,.complete-card h1{font-size:30px}.waiting-card>p,.complete-card>p{max-width:420px;margin:8px auto 28px}.student-ticket{display:grid;grid-template-columns:repeat(3,1fr);background:#f6f9f5;border-radius:13px;padding:19px 9px;margin:26px 0}.student-ticket>div{border-right:1px solid #e1e9df}.student-ticket>div:last-child{border:0}.student-ticket small{display:block;font-size:10px;color:#94a295}.student-ticket strong{display:block;margin-top:7px;font-size:15px;color:#285743;word-break:break-word}.waiting-indicator{display:flex;justify-content:center;align-items:center;gap:5px;color:#58806a;font-size:12px;margin:23px 0 0}.waiting-indicator span{width:5px;height:5px;border-radius:50%;background:#499266;animation:pulse 1.2s infinite alternate}.waiting-indicator span:nth-child(2){animation-delay:.2s}.waiting-indicator span:nth-child(3){animation-delay:.4s;margin-right:6px}@keyframes pulse{to{opacity:.2;transform:scale(.6)}}.complete-icon{background:#e3f3e7;color:#288252;border-radius:50%}.complete-note{display:flex;gap:9px;justify-content:center;align-items:center;background:#f5f8f3;border-radius:9px;color:#6f8875;padding:12px;margin:25px 0;font-size:11px}.complete-card .secondary-button{margin-top:3px}.exam-main{max-width:1420px}.exam-shell{padding-top:35px}.exam-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.exam-top h1{font-size:29px;margin:6px 0 0}.timer-pill{display:flex;align-items:center;gap:13px;padding:11px 19px;border:1px solid #dce9dc;background:#edf5ed;border-radius:12px;color:#226047}.timer-pill.urgent{background:#fff0e9;border-color:#ecc6b2;color:#ad5337}.timer-pill small{display:block;font-size:9px;opacity:.7}.timer-pill strong{font-size:20px;letter-spacing:.06em;font-variant-numeric:tabular-nums}.exam-layout{display:grid;grid-template-columns:minmax(245px,1fr) minmax(0,3fr);gap:22px;align-items:start}.answer-panel,.question-card{background:#fff;border:1px solid #e4eae3;border-radius:19px;box-shadow:0 12px 30px #253e2409}.answer-panel{padding-bottom:22px;position:sticky;top:20px}.answer-panel .panel-heading{padding:22px 22px 16px}.answer-progress{height:5px;margin:0 22px 20px;background:#edf1ea;border-radius:5px;overflow:hidden}.answer-progress i{display:block;height:100%;background:#307a58;border-radius:5px}.number-grid{padding:0 22px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.number-button{height:38px;min-width:0;border:1px solid #e2e8df;border-radius:9px;background:#f5f7f3;color:#97a499;font-size:11px;font-weight:700;position:relative}.number-button.answered{background:#263d34;border-color:#263d34;color:#fff}.number-button.current{outline:2px solid #b88855;outline-offset:2px}.tiny-check{position:absolute;right:2px;top:2px;color:#ade2bc}.number-legend{display:flex;justify-content:space-around;color:#93a096;font-size:10px;padding:21px 14px}.number-legend span{display:flex;align-items:center;gap:5px}.number-legend i{width:11px;height:11px;border-radius:3px}.legend-done{background:#263d34}.legend-undone{background:#f5f7f3;border:1px solid #dce4d9}.submit-button{background:#225f49;color:#fff;margin:0 22px;width:calc(100% - 44px);justify-content:space-between}.submit-button:hover:not(:disabled){background:#174d3b}.question-card{min-height:590px;padding:32px 39px 25px}.question-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#39775a;letter-spacing:.14em;font-weight:700}.meta-divider{color:#b5c6b8;padding:0 6px}.point-tag{letter-spacing:0;color:#977f5d;background:#f9f2e9;border-radius:6px;padding:5px 9px}.topic-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.topic-tags span{background:#eaf3ec;color:#427d57;border-radius:5px;font-size:10px;padding:5px 8px}.topic-tags .scope-tag{background:#f7f1e9;color:#9c805c}.question-card h2{font-size:22px;line-height:1.65;letter-spacing:-.025em;margin:18px 0 14px;font-weight:700}.question-prompt{font-size:11px;color:#a0ada2;margin:0 0 22px}.options{display:grid;gap:11px}.option{min-height:64px;width:100%;display:flex;align-items:center;gap:15px;text-align:left;border:1px solid #e0e7de;background:#fff;color:#2b3e31;border-radius:12px;padding:12px 18px;line-height:1.55;font-size:13px;transition:background .15s,border-color .15s}.option:hover:not(:disabled){border-color:#96bea3;background:#f9fcf9}.option.selected{border-color:#307d59;background:#eef7ef;font-weight:700}.option-letter{width:31px;height:31px;display:grid;place-items:center;flex:none;border:1px solid #dbe5da;border-radius:9px;font-weight:700;font-size:11px;color:#8ba28f}.option.selected .option-letter{background:#2c7657;border-color:#2c7657;color:#fff}.option-check{margin-left:auto;opacity:0;color:#287953;flex:none}.option.selected .option-check{opacity:1}.question-bottom{border-top:1px solid #edf0ec;display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;gap:10px}.save-status{color:#84998a;font-size:11px}.question-bottom>div{display:flex;gap:9px}.nav-button{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #e3e9e0;border-radius:8px;padding:9px 11px;color:#65826e;font-weight:700;font-size:11px}.nav-button.next{color:#fff;background:#275f4a;border-color:#275f4a}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#142c22aa;display:grid;place-items:center;z-index:30;padding:16px}.confirm-modal{background:#fff;border-radius:21px;width:min(100%,430px);padding:35px;text-align:center;box-shadow:0 28px 70px #0a1f1a44}.modal-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#e6f2e8;color:#277b58;margin:0 auto 18px}.confirm-modal h2{font-size:22px;margin:0 0 9px}.confirm-modal p{font-size:12px;color:#83958a}.confirm-counts{display:flex;justify-content:center;gap:22px;background:#f7faf5;border-radius:9px;padding:15px;margin:22px 0;font-size:12px;color:#6d8573}.confirm-counts strong{font-size:19px;color:#1f6248}.modal-actions{display:flex;justify-content:center;gap:10px}.result-wrap{padding-top:41px}.result-hero{background:#eaf2e9;border:1px solid #dbe9d9;border-radius:20px;display:flex;justify-content:space-between;align-items:center;padding:35px 55px;gap:25px}.result-hero h1{font-size:30px;line-height:1.4;margin:11px 0}.result-hero p{color:#768e7d;font-size:12px;line-height:1.8;max-width:430px}.result-actions{display:flex;gap:10px;margin-top:22px}.result-score{width:190px;height:190px;flex:none;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 14px 33px #25553516;color:#286b4b}.result-score small{font-size:11px}.result-score strong{font-size:60px;line-height:1.1}.result-score span{font-size:11px;color:#8ca191}.result-score em{font-size:11px;font-style:normal;margin-top:9px;color:#986f47}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0 38px}.review-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.filter-button{border:1px solid #dce8dc;background:#fff;border-radius:9px;padding:10px 13px;font-size:11px;color:#4f775d}.filter-button.active{background:#e4f1e7;color:#24664c}.review-list{display:grid;gap:16px}.review-card{background:#fff;border:1px solid #e5eae3;border-radius:15px;padding:22px 26px}.review-top{display:flex;align-items:center;justify-content:space-between;color:#7d9584;font-size:11px}.correct-label{color:#278255}.wrong-label{color:#c16a51}.review-card h3{font-size:15px;line-height:1.6;margin:12px 0}.review-options{display:grid;gap:7px}.review-option{display:flex;align-items:center;gap:11px;border:1px solid #e7ece5;border-radius:8px;padding:9px 11px;color:#728274;font-size:11px}.review-option strong{width:23px;height:23px;border-radius:6px;background:#f3f6f1;display:grid;place-items:center;flex:none}.review-option span{flex:1}.review-option em{font-size:10px;font-style:normal;flex:none}.review-option.correct{background:#eff8ef;border-color:#a9d5b3;color:#2c7950}.review-option.wrong{background:#fff3ef;border-color:#efc6bb;color:#b45d43}.review-scope{display:block;margin-top:13px;color:#a0ada0;font-size:10px}@media(max-width:1000px){.home-hero{grid-template-columns:1fr .8fr}.hero-art{transform:scale(.85)}.hero-copy h1{font-size:40px}.exam-layout{grid-template-columns:240px 1fr}.question-card{padding:27px}.number-grid{gap:5px}.number-button{height:35px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site-header{height:72px}.site-header-inner,.main{padding-left:20px;padding-right:20px}.header-caption{display:none}.site-footer{padding:20px;display:block;line-height:1.8}.site-footer span{display:block}.home-hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:55px 0 25px}.hero-copy h1{font-size:39px}.hero-copy p{font-size:13px}.hero-art{height:260px;min-height:260px;transform:scale(.58);margin:-75px 0 -55px}.section-heading{margin-top:30px}.section-hint{display:none}.mode-grid,.role-grid{grid-template-columns:1fr}.mode-card{min-height:225px}.center-wrap{margin:30px auto}.form-wrap{margin:25px auto}.form-card{padding:30px 24px}.page-header{display:block}.header-actions{margin-top:15px}.session-banner{padding:21px}.session-banner>div{display:block}.session-code{display:block;margin:6px 0}.banner-tip{display:block}.dashboard-grid{grid-template-columns:1fr}.start-card{flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,1fr)}.insights{grid-template-columns:1fr 1fr;gap:25px}.waiting-card,.complete-card{padding:35px 23px}.exam-layout{display:flex;flex-direction:column}.answer-panel{width:100%;position:static}.number-grid{grid-template-columns:repeat(10,1fr);gap:6px}.number-button{height:31px;font-size:10px}.answer-panel .panel-heading{padding:15px 19px 10px}.answer-progress{margin:0 19px 14px}.number-grid{padding:0 19px}.number-legend{padding:12px}.submit-button{margin:0 19px;width:calc(100% - 38px)}.question-card{width:100%;min-height:0}.question-card h2{font-size:19px}.result-hero{padding:27px;display:block}.result-score{width:145px;height:145px;margin:25px auto 0}.result-score strong{font-size:47px}}@media(max-width:440px){.brand strong{font-size:12px}.brand small{font-size:8px}.brand-mark{width:36px;height:36px}.hero-copy h1{font-size:33px}.hero-metrics{gap:18px}.hero-metrics strong{font-size:25px}.section-heading h2{font-size:23px}.role-card{min-height:190px}.question-card{padding:21px 18px}.question-bottom{align-items:flex-start;flex-direction:column}.question-bottom>div{align-self:flex-end}.option{padding:11px;font-size:12px}.number-grid{grid-template-columns:repeat(10,1fr);gap:3px}.number-button{height:28px;border-radius:5px}.student-ticket strong{font-size:12px}.session-code{font-size:24px}.stats-grid{gap:8px}.stat-card{padding:14px}.stat-card strong{font-size:20px}.insights{grid-template-columns:1fr}.result-actions{flex-direction:column}}.answer-panel>.timer-pill{margin:16px 22px 0;justify-content:center}