.login-wrap { max-width: 440px; margin: 8vh auto; padding: var(--space-5); }
.login-wrap h1 { margin-bottom: var(--space-2); }
.login-wrap > .card { margin-top: var(--space-5); }
.teacher-list { border: 1px solid var(--border); border-radius: var(--radius); padding: var(--space-3); margin: 0; }
.teacher-list legend { font-weight: 600; font-size: var(--text-sm); padding: 0 var(--space-1); }
#teacher-options { max-height: 260px; overflow-y: auto; display: grid; gap: var(--space-1); }
#teacher-options .check { padding: var(--space-1) var(--space-2); border-radius: var(--radius); }
#teacher-options .check:hover { background: var(--surface-alt); }