/* Branding-Override für die Identity-UI-Seiten (Login, 2FA, Konto) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body {
    font-family: 'Inter', system-ui, sans-serif;
    background: linear-gradient(160deg, #f6f9fb 0%, #eef4f4 100%);
    color: #0f172a;
}

h1, h2 { font-weight: 800; letter-spacing: -.03em; }

.container { max-width: 960px; }

main { padding-top: 2rem; }

.btn-primary {
    background: linear-gradient(135deg, #0d9488, #0891b2);
    border: none; border-radius: 10px; font-weight: 600;
    box-shadow: 0 4px 10px rgba(13,148,136,.3);
}
.btn-primary:hover { background: linear-gradient(135deg, #0f766e, #0e7490); }

.form-control { border-radius: 10px; border-color: #e2e8f0; }
.form-control:focus { border-color: #0d9488; box-shadow: 0 0 0 .2rem rgba(13,148,136,.15); }

.nav-link { color: #0d9488; }

/* Login-/Formular-Bereich als Card */
main form { background: #fff; border-radius: 16px; padding: 1.5rem; box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 8px 24px -12px rgba(15,23,42,.12); }