@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    background-color: #f8fafc;
}

.login-container {
    background: linear-gradient(135deg, rgba(2, 56, 80, 0.1) 0%, rgba(4, 37, 56, 0.1) 100%);
}

.custom-width {
    max-width: 700px;
}

.btn-primary {
    background-color: #C85401;
    transition: all 0.3s;
}

.btn-primary:hover {
    background-color: #b04a01;
    transform: translateY(-2px);
}

.pet-icon {
    animation: bounce 1.8s infinite ease-in-out;
}

@keyframes bounce {

    0%,
    100% {
        transform: translate(-50%, 0);
    }

    50% {
        transform: translate(-50%, -20px);
    }
}

/* Animação do ícone "quicando" */
.pet-icon {
    animation: bounce 1.8s infinite ease-in-out;
}

@keyframes bounce {

    0%,
    100% {
        transform: translate(-50%, 0);
        /* Posição normal */
    }

    50% {
        transform: translate(-50%, -16px);
        /* Altura do salto */
    }
}

/* Sombra com aparência achatada no centro e pontas finas */
.pet-shadow {
    width: 60px;
    height: 10px;
    background: radial-gradient(ellipse at center,
            rgba(0, 0, 0, 0.45) 0%,
            rgba(0, 0, 0, 0.15) 60%,
            transparent 100%);
    opacity: 1;
    filter: blur(1px);
    pointer-events: none;
}


/* Animação que reduz sombra enquanto o ícone sobe */
.shadow-animation {
    animation: shadowShrink 1.8s infinite ease-in-out;
}

@keyframes shadowShrink {

    0%,
    100% {
        transform: translateX(-50%) scaleX(1) scaleY(1);
        opacity: 0.2;
    }

    50% {
        transform: translateX(-50%) scaleX(0.4) scaleY(0.6);
        /* Encolhe horizontalmente */
        opacity: 0.05;
    }
}


.input-focus:focus {
    border-color: #C85401;
    box-shadow: 0 0 0 3px rgba(200, 84, 1, 0.2);
}