:root{--slate-950:#0c0f17;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--white:#fff;--success:#16a34a;--success-light:#f0fdf4;--error:#dc2626;--error-light:#fef2f2;--quiz-blue:#2563eb;--quiz-blue-hover:#1d4ed8;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000000f, 0 8px 10px -6px #0000000a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}body{background-color:var(--slate-50);color:var(--slate-900);scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{color:#fff;background-color:#1e293b}a{color:var(--slate-700);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--slate-900)}input,select,button,textarea{font-family:inherit;font-size:inherit}input:focus,select:focus,textarea:focus{transition:all var(--transition-base);outline:none;box-shadow:0 0 0 3px #1e293b14;border-color:var(--slate-800)!important}button:focus-visible,a:focus-visible{outline:2px solid var(--slate-800);outline-offset:2px}input::placeholder{color:var(--slate-400)}img{max-width:100%;display:block}.page-fade-in{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spinner{border:2.5px solid var(--slate-200);border-top-color:var(--slate-800);border-radius:50%;width:28px;height:28px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseRing{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes subtlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=url]:focus,select:focus{outline:none;box-shadow:0 0 0 3px #1e293b14;border-color:var(--slate-800)!important}.card{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base), transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-primary{background-color:var(--slate-800);color:var(--white);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);letter-spacing:-.01em;border:none;padding:12px 24px;font-size:14px;font-weight:600}.btn-primary:hover{background-color:var(--slate-900);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-primary:active{box-shadow:none;transform:translateY(0)}.btn-secondary{background-color:var(--white);color:var(--slate-800);border:1px solid var(--slate-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);letter-spacing:-.01em;padding:12px 24px;font-size:14px;font-weight:600}.btn-secondary:hover{background-color:var(--slate-50);border-color:var(--slate-300);box-shadow:var(--shadow-xs)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-spacing{padding:80px 0}.text-display{letter-spacing:-.03em;color:var(--slate-950);font-size:36px;font-weight:800;line-height:1.15}.text-title{letter-spacing:-.02em;font-size:24px;font-weight:700;line-height:1.25}.text-heading{letter-spacing:-.01em;font-size:18px;font-weight:700;line-height:1.35}.text-body{font-size:15px;font-weight:400;line-height:1.65}.text-small{font-size:13px;font-weight:400;line-height:1.5}.text-xs{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-primary{color:var(--slate-950)}.text-secondary{color:var(--slate-600)}.text-muted{color:var(--slate-400)}.text-accent{color:var(--slate-800)}.bg-surface{background-color:var(--white)}.bg-page{background-color:var(--slate-50)}.border-light{border-color:var(--slate-200)}.input-field{border:1px solid var(--slate-200);border-radius:var(--radius-md);width:100%;color:var(--slate-900);background:var(--white);transition:all var(--transition-base);padding:12px 16px;font-size:14px}.input-field:focus{border-color:var(--slate-800);box-shadow:0 0 0 3px #1e293b14}.input-field.error{border-color:var(--error)}.select-field{border:1px solid var(--slate-200);border-radius:var(--radius-md);width:100%;color:var(--slate-900);background:var(--white);cursor:pointer;transition:all var(--transition-base);padding:12px 16px;font-size:14px}.select-field:focus{border-color:var(--slate-800);box-shadow:0 0 0 3px #1e293b14}.responsive-pad{padding:88px 48px}.responsive-pad-wide{padding:88px 48px 48px}@media (width<=1024px){.login-layout{gap:0!important}.login-form-wrap{padding:48px 32px 48px 16px!important}}@media (width<=768px){.login-layout{flex-direction:column!important}.login-hero{flex:none!important;width:100%!important;padding:40px 24px 0!important}.login-hero h1{font-size:28px!important}.login-form-wrap{flex:none!important;width:100%!important;padding:0 24px 40px!important}.login-form{max-width:100%!important;padding:28px 24px!important}.login-blob-top,.login-blob-bottom{display:none!important}.responsive-pad{padding:88px 24px!important}.responsive-pad-wide{padding:80px 20px 36px!important}.profile-setup-card{padding:28px 24px!important}.profile-setup-page{padding:80px 20px!important}.navbar-inner{width:96%!important;padding:0 16px!important}.navbar-brand span{display:none}.navbar-links{gap:12px!important}.student-profile-layout{flex-direction:column!important;gap:28px!important}.student-profile-sidebar{flex:none!important;width:100%!important;max-width:100%!important}.student-profile-sidebar>div{max-width:280px!important;margin:0 auto!important}.directory-grid{grid-template-columns:repeat(2,1fr)!important}.directory-header{flex-direction:column!important;align-items:flex-start!important}.directory-pills{width:100%!important;overflow-x:auto!important}.quiz-results-buttons{flex-direction:column!important;align-items:stretch!important}}@media (width<=480px){.directory-grid{grid-template-columns:1fr!important}.responsive-pad-wide{padding:74px 14px 24px!important}.navbar-inner{height:48px!important;top:8px!important}.text-display{font-size:28px}}