.login-page{justify-content:center;align-items:center;min-height:0}body:has(.course-login-header){overflow-x:clip}.course-login-header{z-index:30;flex-shrink:0;position:sticky;top:0}.course-login-header>.app-header{position:static}.course-login-notice{width:100%;max-width:90rem;margin-inline:auto;padding-inline:1.5rem}@media (max-width:768px){.course-login-notice{padding-inline:1rem}}.login-card{gap:2rem;width:100%;max-width:28rem;margin-inline:auto;padding:2.5rem}.login-heading{text-align:center}.login-emblem{border-radius:var(--radius-lg);background:var(--accent-teal-soft);width:3.5rem;height:3.5rem;color:var(--accent-teal);justify-content:center;align-items:center;margin-bottom:1.25rem;display:inline-flex}.login-card svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:1.25rem;height:1.25rem}.login-emblem svg{width:1.75rem;height:1.75rem}.login-heading h1{margin-bottom:.5rem;font-size:clamp(1.5rem,4vw,1.9rem)}.login-heading p{margin:0;line-height:1.5}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-field{flex-direction:column;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.login-input-wrap{position:relative}.login-input-wrap input{background:var(--card-sunken);min-height:3rem;padding:.75rem .85rem .75rem 2.75rem;font-size:1rem;font-weight:400}.login-input-wrap input::placeholder{color:var(--ink-faint)}.login-input-icon{inset-inline-start:.9rem;color:var(--ink-faint);pointer-events:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.login-password-wrap input{padding-inline-end:3.25rem}button.login-password-toggle{inset-inline-end:.25rem;width:2.75rem;height:2.75rem;color:var(--ink-soft);box-shadow:none;background:0 0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}button.login-password-toggle:hover:not(:disabled),button.login-password-toggle:active:not(:disabled){background:var(--accent-teal-soft);color:var(--accent-teal);box-shadow:none;transform:translateY(-50%)}label.login-remember{cursor:pointer;align-items:center;gap:.65rem}.login-submit{justify-content:center;align-items:center;gap:.6rem;min-height:3rem;display:flex}@media (max-width:480px){.login-page{padding:1.5rem 1rem}.login-card{gap:1.5rem;padding:1.75rem 1.25rem}}