.login-page{--login-blue:#083e9e;--login-blue-deep:#062e73;--login-blue-soft:#cae6ff;background:#fff;grid-template-columns:minmax(360px,48%) 1fr;min-height:100svh;display:grid}.login-showcase{color:#fff;background:#91c6df;border-radius:18px;flex-direction:column;min-height:calc(100svh - 28px);margin:14px;padding:34px clamp(32px,4vw,68px);display:flex;position:relative;overflow:hidden}.login-showcase:before{z-index:1;border-radius:inherit;content:"";pointer-events:none;border:1px solid #ffffff8c;position:absolute;inset:0}.login-showcase-image{object-fit:cover;object-position:center}.login-brand{z-index:2;font-family:var(--font-display);letter-spacing:-.04em;align-items:center;gap:10px;font-size:20px;font-weight:750;display:inline-flex;position:relative}.login-brand-mark{background:#fff;border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;box-shadow:0 2px 8px #0a1e3726}.login-brand-mark .brand-logo-mark{align-items:center;display:inline-flex;position:relative}.login-brand-mark .logo-dot-yellow{z-index:2;background:#fed766;border-radius:50%;width:14px;height:14px;margin-right:-5px}.login-brand-mark .logo-dot-dark{background:#111827;border-radius:50%;width:14px;height:14px}.login-message{z-index:2;pointer-events:none;margin-top:auto;position:relative}.login-message h1{max-width:14ch;font-family:var(--font-sans);letter-spacing:-.04em;margin:0;font-size:clamp(40px,4.25vw,62px);font-weight:800;line-height:1}.login-panel{background:#fff;place-items:center;padding:40px 24px;display:grid}.login-form-wrap{width:min(100%,420px)}.login-panel-brand{justify-content:center;align-items:center;gap:10px;margin:0 auto 20px;text-decoration:none;display:flex}.login-panel-brand .brand-logo-mark{align-items:center;display:inline-flex;position:relative}.login-panel-brand .logo-dot-yellow{z-index:2;background:#fed766;border-radius:50%;width:18px;height:18px;margin-right:-6px}.login-panel-brand .logo-dot-dark{background:#111827;border-radius:50%;width:18px;height:18px}.login-panel-brand .brand-title-text{color:#111827;letter-spacing:-.03em;font-size:22px;font-weight:800}.login-heading{text-align:center;margin-bottom:25px}.login-heading h2{color:#123b7a;letter-spacing:-.045em;text-transform:uppercase;margin:0;font-size:33px;font-weight:800;line-height:1.1}.login-heading p{color:#5f779a;margin:9px 0 0;font-size:14px}.login-role-switcher{background:#f2f4f7;border:1px solid #e1e4e8;border-radius:99px;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:8px;padding:4px;display:grid}.login-role-switcher button{color:#5f779a;white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;gap:5px;min-height:36px;font-size:11px;font-weight:700;display:inline-flex}.login-role-switcher button:hover{color:var(--login-blue-deep);background:#e6e9ed}.login-role-switcher button.is-active{color:#fff;background:var(--login-blue)}.login-role-description{color:#5f779a;text-align:center;min-height:22px;margin:0 0 19px;font-size:12px}.login-form{gap:17px;display:grid}.login-form label{color:#254a7f;gap:7px;font-size:13px;font-weight:700;display:grid}.login-input{color:#6190bf;background:#fff;border:1px solid #c9e2fb;border-radius:9px;align-items:center;gap:9px;min-height:48px;padding:0 14px;transition:border-color .16s,background .16s;display:flex}.login-input:focus-within{border-color:var(--login-blue);outline:2px solid var(--login-blue-soft);outline-offset:1px;background:#fff}.login-input input{color:#173a6d;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.login-submit{color:#fff;background:var(--login-blue);border-radius:99px;justify-content:center;align-items:center;gap:8px;min-height:50px;margin-top:5px;font-size:14px;font-weight:750;transition:background .16s;display:inline-flex}.login-submit:hover:not(:disabled){background:var(--login-blue-deep)}.login-submit:disabled{cursor:wait;opacity:.68}.login-google{color:#254a7f;background:#fff;border:1px solid #d8e6f5;border-radius:99px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:46px;margin-top:13px;font-size:13px;font-weight:700;transition:border-color .16s,background .16s;display:inline-flex}.google-mark{flex:none;width:19px;height:19px}.login-google:hover{background:#f3f8ff;border-color:#aac8ec}.login-error{color:#a51d1d;background:#fff4f4;border-radius:8px;align-items:flex-start;gap:8px;margin:-2px 0 0;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}.login-faculty-link{color:#5f779a;text-align:center;margin:24px 0 0;font-size:12px}.login-faculty-link a{color:var(--login-blue-deep);text-underline-offset:3px;font-weight:750;text-decoration:underline}.login-page :focus-visible{outline-offset:3px;outline:3px solid #f3bb50}@media (max-width:760px){.login-page{display:block}.login-showcase{border-radius:16px;min-height:360px;margin:12px 12px 0;padding:24px}.login-showcase-image{object-position:center 42%}.login-message{margin-top:auto}.login-message h1{font-size:39px}.login-panel{padding:34px 24px 42px;display:block}.login-form-wrap{margin:auto}}@media (prefers-reduced-motion:reduce){.login-input,.login-submit{transition:none}}.auth-status{place-items:center;min-height:100vh;display:grid}.auth-spinner{border:3px solid #e2e8f0;border-top-color:#e31837;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation-duration:2.4s}}.portal-page{padding:32px}.message-list{gap:12px;margin-top:24px;display:grid}.message-card{background:#fff;border:1px solid #e4e7ec;border-radius:10px;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:16px;display:grid}