.login-page{min-height:calc(100vh - var(--navbar-h));background:radial-gradient(at 50% 30%,#00ff8808 0%,#0000 55%);justify-content:center;align-items:center;padding:40px 24px;display:flex}.login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:400px;box-shadow:var(--shadow-float);padding:40px 36px}.login-header{text-align:center;margin-bottom:28px}.login-logo{margin-bottom:14px}.login-logo img{object-fit:contain;width:auto;height:56px;display:block}.login-header h1{letter-spacing:-.2px;margin-bottom:5px;font-size:20px;font-weight:600}.login-header p{color:var(--text-muted);font-size:14px;font-weight:400}.demo-buttons{margin-bottom:18px}.demo-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);font-size:10px;font-weight:600;font-family:var(--font-mono);margin-bottom:9px}.demo-row{gap:8px;display:flex}.demo-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;text-align:left;flex-direction:column;flex:1;gap:2px;padding:9px 12px;transition:border-color .15s,background .15s;display:flex}.demo-btn:hover{border-color:var(--border-strong);background:var(--bg-card)}.demo-admin:hover{border-color:#4d9ef759}.demo-student:hover{border-color:var(--border-accent)}.demo-role{color:var(--text-primary);letter-spacing:.1px;font-size:12px;font-weight:600}.demo-admin .demo-role{color:var(--blue)}.demo-student .demo-role{color:var(--accent)}.demo-creds{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.login-divider{text-align:center;color:var(--text-dim);letter-spacing:.3px;margin:18px 0;font-size:12px;position:relative}.login-divider:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.login-divider span{background:var(--bg-surface);padding:0 12px;position:relative}.login-form{flex-direction:column;gap:0;display:flex}.login-error{border-radius:var(--r-sm);color:var(--red);letter-spacing:.1px;background:#ff555912;border:1px solid #ff555933;margin-bottom:14px;padding:9px 13px;font-size:13px}.login-footer{text-align:center;color:var(--text-muted);letter-spacing:.1px;margin-top:22px;font-size:13px}.btn-link{color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.btn-link:hover{opacity:.8}.btn-link:disabled{opacity:.4;cursor:default}.btn-back{color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:12px;padding:0;font-size:13px;display:block}.btn-back:hover{color:var(--text-primary)}