html, body { height: 100%; }
body { display: flex; align-items: center; padding-top: 40px; padding-bottom: 40px; background-color: #f5f5f5; }
.form-signin { width: 100%; max-width: 330px; padding: 15px; margin: auto; }
.form-signin .checkbox { font-weight: 400; }
.form-signin .form-floating:focus-within { z-index: 2; }
.form-signin input[type="email"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }
.form-signin img {
    border-radius: 22%; /* Este es el radio exacto de los iconos de iOS/Android */
    object-fit: cover;
    background: #fd7e14; /* Asegura el fondo naranja si la imagen tiene transparencias */
    padding: 5px; /* Un pequeño margen interno si el logo queda muy pegado al borde */
}