*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--oa-50:#f0fdf4;--oa-100:#dcfce7;--oa-200:#bbf7d0;--oa-500:#22c55e;--oa-600:#16a34a;--oa-700:#15803d;--oa-tint:#f0fdf4;--sidebar-w:240px}html,body,#root{color:#0f172a;-webkit-font-smoothing:antialiased;background:#f8fafc;height:100%;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}.student-shell{color:#0f172a;background:linear-gradient(135deg,#f0fdf4f5 0%,#fffbebdb 48%,#eff6fff5 100%);min-height:100vh;padding:22px 16px 54px}.student-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1100px;margin:0 auto 22px;display:flex}.student-logo-mark,.student-login-icon{background:linear-gradient(135deg,#16a34a,#0f766e);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 12px 24px #16a34a38}.student-login-icon{border-radius:16px;width:50px;height:50px}.student-code-link{color:#315545;background:#ffffffb8;border:1px solid #0f172a14;border-radius:999px;align-items:center;gap:6px;padding:9px 13px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:0 10px 22px #0f172a0d}.student-portal{max-width:1100px;margin:0 auto}.student-login-grid{grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);align-items:center;gap:28px;min-height:calc(100vh - 145px);display:grid}.student-hero-panel,.student-welcome{background:#ffffffad;border:1px solid #0f172a14;border-radius:24px;box-shadow:0 24px 55px #0f172a14}.student-hero-panel{flex-direction:column;justify-content:center;min-height:430px;padding:44px;display:flex;position:relative;overflow:hidden}.student-hero-panel:after,.student-welcome:after{content:"";background:linear-gradient(90deg,#16a34a,#0f766e,#f59e0b,#2563eb);height:8px;position:absolute;inset:auto 0 0}.student-hero-kicker{color:#166534;background:#f0fdf4d9;border:1px solid #16a34a38;border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:7px 11px;font-size:12px;font-weight:950;display:inline-flex}.student-hero-title,.student-dashboard-title{letter-spacing:0;color:#0f172a;max-width:720px;margin-top:18px;font-size:46px;font-weight:980;line-height:1.02}.student-hero-copy,.student-dashboard-copy{color:#475569;max-width:610px;margin-top:16px;font-size:17px;line-height:1.6}.student-feature-row{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.student-feature-row div{color:#334155;background:#ffffffc7;border:1px solid #0f172a14;border-radius:999px;align-items:center;gap:8px;padding:10px 13px;font-size:13px;font-weight:900;display:inline-flex}.student-field-label{color:#34443b;margin-bottom:7px;font-size:13px;font-weight:900}.student-error,.student-success{border-radius:12px;padding:11px 13px;font-size:13px;font-weight:750}.student-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.student-success{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0;margin-top:12px}.student-dashboard{gap:18px;display:grid}.student-welcome{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;padding:28px;display:flex;position:relative;overflow:hidden}.student-dashboard-title{font-size:38px}.student-dashboard-copy{margin-top:10px;font-size:15px}.student-profile-line,.student-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.student-profile-line span,.student-meta-row span{color:#475569;background:#f8fafce6;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:12px;font-weight:850;display:inline-flex}.student-actions{flex-wrap:wrap;gap:9px;display:flex}.student-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.student-stat-card{background:#ffffffc7;border:1px solid #0f172a14;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 12px 28px #0f172a0f}.student-stat-card svg{flex-shrink:0}.student-stat-card.available svg{color:#16a34a}.student-stat-card.completed svg{color:#2563eb}.student-stat-card.suspended svg{color:#d97706}.student-stat-card strong{color:#0f172a;font-size:25px;font-weight:980;line-height:1;display:block}.student-stat-card span{color:#64748b;margin-top:3px;font-size:12px;font-weight:850;display:block}.student-account-line{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.student-account-line span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:950}.student-account-line strong{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:950}.student-password-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:end;gap:12px;margin-top:16px;display:grid}.student-section-heading{justify-content:space-between;align-items:end;gap:12px;margin:8px 0 10px;display:flex}.student-section-heading h2{color:#0f172a;font-size:20px;font-weight:980}.student-section-heading p{color:#64748b;margin-top:3px;font-size:13px}.student-card-list{gap:11px;display:grid}.student-empty{color:#64748b;align-items:center;gap:9px;font-size:14px;font-weight:800;display:flex}.student-exam-card,.student-result-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.student-save-note{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;width:fit-content;margin-top:9px;padding:7px 10px;font-size:12px;font-weight:850}.student-score{text-align:right;min-width:96px}.student-score div:first-child{font-size:29px;font-weight:980;line-height:1}.student-score.good div:first-child{color:#15803d}.student-score.needs-work div:first-child{color:#b91c1c}@media (width<=920px){.landing-demo-grid{grid-template-columns:1fr!important}.landing-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.results-review-grid{grid-template-columns:1fr!important}.student-login-grid{grid-template-columns:1fr;min-height:auto}.student-hero-panel{min-height:0}.student-hero-title{font-size:38px}}@media (width<=620px){.landing-steps-grid,.landing-mini-grid{grid-template-columns:1fr!important}.student-shell{padding:16px 12px 38px}.student-topbar{margin-bottom:14px}.student-code-link{justify-content:center;width:100%}.student-hero-panel,.student-welcome{border-radius:18px;padding:24px}.student-hero-title,.student-dashboard-title{font-size:30px}.student-hero-copy,.student-dashboard-copy{font-size:14px}.student-stat-grid{grid-template-columns:1fr}.student-exam-card,.student-result-card,.student-actions{align-items:stretch}.student-exam-card>button,.student-actions>button{justify-content:center;width:100%}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}