.login-page{color:#0f1f3a;background:linear-gradient(90deg,#ffffffd6 0%,#f7fcff94 48%,#eaf7ff3d 100%),linear-gradient(#ffffff6b,#edf8ff24),url(/assets/images/student-database-hero-wave.png) bottom/cover no-repeat,#f7fbff;grid-template-columns:minmax(0,1fr) minmax(420px,.72fr);min-height:100vh;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 78% 26%,#58c4ff29,#0000 30%),linear-gradient(#fff0,#ffffff75);position:absolute;inset:84px 0 0}.login-page .student-db-header{background:#ffffffc2;border-bottom:1px solid #3e7adc29;grid-column:1/-1;position:relative;box-shadow:0 14px 44px #2069b214}.login-page .student-db-brand,.login-page .student-db-header nav a{color:#0f1f3a}.login-page .student-db-header nav a{color:#0f1f3ab3}.login-page .student-db-header nav a[aria-current=page]{color:#1769e8}.login-page .student-db-login-link,.login-page .student-db-header .logout-button{color:#fff;background:linear-gradient(135deg,#1769e8,#58c4ff);box-shadow:0 16px 34px #1769e833}.login-page .student-db-header nav a.student-db-login-link{color:#fff}.login-hero{color:#0f1f3a;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 84px);padding:clamp(56px,8vh,96px) clamp(28px,5vw,72px);display:flex;position:relative;overflow:hidden}.login-hero:before{content:"";pointer-events:none;background:radial-gradient(at 12% 42%,#ffffffa8,#0000 58%),linear-gradient(90deg,#ffffff8a,#fff0);position:absolute;inset:0}.login-hero:after{content:"";opacity:.58;background:linear-gradient(90deg,#1769e8,#58c4ffb8,#58c4ff00);width:min(420px,54%);height:1px;position:absolute;bottom:clamp(36px,8vh,76px);left:clamp(28px,5vw,72px)}.login-hero>*{position:relative}.login-hero>div{max-width:760px}.login-hero h2{text-shadow:0 18px 38px #5c9fe02e;max-width:720px;margin:34px 0 20px;font-size:clamp(34px,5vw,64px);font-weight:1000;line-height:1.12}.login-hero p{color:#536a89;max-width:620px;font-size:17px;font-weight:800;line-height:1.9}.login-panel{background:linear-gradient(#ffffff4d,#eff8ff75);justify-content:center;align-items:center;padding:32px;display:flex;position:relative}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffffdb,#f4fbffb3);border:1px solid #3e7adc33;border-radius:8px;gap:20px;width:100%;max-width:440px;padding:32px;display:grid;box-shadow:inset 0 1px #ffffffeb,0 26px 80px #1769e824}.login-panel-stack{gap:14px;width:100%;max-width:440px;display:grid}.login-panel-stack .login-card{max-width:none}.login-register-note{background:#ffffffd1;border:1px solid #3e7adc2e;border-radius:8px;gap:8px;padding:18px;display:grid;box-shadow:0 14px 38px #1769e81a}.login-register-note strong{color:#0f1f3a;font-size:15px}.login-register-note p{color:#5f7190;margin:0;font-size:14px;font-weight:800;line-height:1.7}.login-register-note a{color:#1769e8;justify-self:start;font-size:14px;font-weight:900;text-decoration:none}.login-register-note a:hover{text-decoration:underline}.eyebrow{color:#1769e8;letter-spacing:0;text-transform:uppercase;margin:0;font-size:13px;font-weight:900}.login-hero .eyebrow:after{content:"";background:linear-gradient(90deg,#58c4ff,#58c4ff00);width:58px;height:3px;margin-top:18px;display:block}.login-card h1{color:#0f1f3a;margin:8px 0;font-size:30px;line-height:1.25}.lead{color:#5f7190;margin:0;line-height:1.8}.login-card label{gap:8px;display:grid}.login-card label span{color:#0f1f3a;font-size:13px;font-weight:900}.login-card input{color:#0f1f3a;background:#ffffffc7;border:1px solid #3e7adc2e;border-radius:8px;width:100%;padding:13px 14px}.login-card input:focus{border-color:#1769e8;outline:none;box-shadow:0 0 0 4px #1769e81f}.login-card button,.secondary-link{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#0b3f9f,#1769e8);border:0;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:900;text-decoration:none;transition:box-shadow .16s,filter .16s,opacity .16s,transform .16s;display:inline-flex;position:relative;box-shadow:0 14px 30px #1769e833}.login-card button:hover,.secondary-link:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 18px 34px #1769e842}.login-card button:active,.secondary-link:active{transform:translateY(1px)scale(.98);box-shadow:0 10px 20px #1769e833}.login-card button:focus-visible,.secondary-link:focus-visible{outline:none;box-shadow:0 14px 30px #1769e833,0 0 0 4px #1769e824}.login-card button:disabled{cursor:wait;opacity:.7;transform:none}.login-card button.is-loading{gap:10px}.login-card button.is-loading:before{content:"";border:2px solid #ffffff75;border-top-color:#fff;border-radius:999px;width:16px;height:16px;animation:.76s linear infinite loginButtonSpin}.login-button-label{transition:transform .16s}.login-card button.is-loading .login-button-label{transform:translate(2px)}.login-helper-link{color:#1769e8;text-align:center;justify-self:center;font-size:14px;font-weight:900;line-height:1.6;text-decoration:none}.login-helper-link:hover{text-decoration:underline}.login-helper-link:focus-visible{border-radius:8px;outline:none;box-shadow:0 0 0 4px #1769e81f}.error-message{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:12px 14px;font-size:14px;line-height:1.6}@keyframes loginButtonSpin{to{transform:rotate(360deg)}}@media (max-width:900px){.login-page{background-position:top;grid-template-columns:1fr;overflow:visible}.login-hero{min-height:auto;padding:44px 28px 42px}.login-panel{padding:0 18px 40px}}@media (prefers-reduced-motion:reduce){.login-card button,.secondary-link,.login-button-label{transition:none}.login-card button.is-loading:before{animation:none}}@media (max-width:520px){.login-hero h2{margin:28px 0 18px;font-size:clamp(36px,10vw,44px)}.login-hero p{font-size:15px}.login-card{padding:28px 22px}}