/* Estilos Globais e Reset básico */
body {
    background-color: #1e2130;
    /* Gradientes de fundo sutis */
    background-image: 
        radial-gradient(circle at 10% 20%, rgba(65, 67, 106, 0.4) 0%, transparent 40%),
        radial-gradient(circle at 90% 80%, rgba(152, 64, 99, 0.3) 0%, transparent 40%);
    min-height: 100vh;
    color: white;
}

/* Efeito de Vidro (Glassmorphism) para os cartões */
.glass-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

.glass-card:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-3px);
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.3);
    border-color: rgba(254, 150, 119, 0.3); /* Cor Peach no hover */
}

/* Gradiente Animado para o Botão Principal */
.btn-gradient {
    background: linear-gradient(45deg, #F64668, #FE9677);
    background-size: 200% 200%;
    animation: gradientMove 3s ease infinite;
}

@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Container da Foto de Perfil com Borda Gradiente */
.profile-img-container {
    position: relative;
    padding: 4px;
    background: linear-gradient(to right, #F64668, #FE9677);
    border-radius: 50%;
}