/* Pantalla de login: mismo diseño que el panel original (antes era un <style> dentro del HTML,
   que la CSP no permite). El formulario de usuario y contraseña se reemplazó por el botón de Microsoft. */
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
    font-family: 'Segoe UI', sans-serif;
    background: linear-gradient(135deg, #0B2554 0%, #1A4A96 100%);
    min-height: 100vh;
    display: flex; align-items: center; justify-content: center;
}
.login-card {
    background: white; border-radius: 14px; padding: 44px 40px;
    width: 100%; max-width: 380px; box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.logo { font-size: 26px; font-weight: 900; color: #0B2554; letter-spacing: .5px; margin-bottom: 4px; }
.subtitle { font-size: 13px; color: #64748B; margin-bottom: 32px; }
.error {
    background: #FEF2F2; border: 1px solid #FECACA; color: #B91C1C;
    font-size: 13px; padding: 10px 14px; border-radius: 8px; margin-bottom: 18px;
}
.boton {
    display: block; width: 100%; padding: 12px; background: #1A4A96; color: white; border: none;
    border-radius: 8px; font-size: 15px; font-weight: 700; cursor: pointer; text-align: center;
    text-decoration: none; transition: background 0.2s;
}
.boton:hover { background: #0B2554; }
.nota { margin-top: 18px; font-size: 12px; color: #64748B; text-align: center; }