.container{
    padding: 30px 0;
}


.register-page {
    .logo {
        height: 80px;
        transition: transform 0.3s ease;
        
        &:hover {
            transform: scale(1.05);
        }
    }

    .card {
        border-radius: 20px;
        background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
        transition: transform 0.3s ease, box-shadow 0.3s ease;

        &:hover {
            box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
        }
    }

    .form-control, 
    .btn {
        transition: all 0.3s ease;
    }

    .input-group .btn:hover {
        background-color: #e9ecef;
    }

    .invalid-feedback {
        display: block;
        animation: fadeInUp 0.3s ease-out;
    }

    .submit-button {
        border-radius: 10px;
        transition: all 0.3s ease;

        &:hover:not(:disabled) {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        }

        &:disabled {
            opacity: 0.7;
        }
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}