/* Mobile Specific Adjustments */
@media screen and (max-width: 768px) {
    .hero-logo-container {
        max-width: 250px;
        margin: 0 auto;
        position: relative;
    }

    .logo-gradient {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        background: radial-gradient(
            circle at center,
            rgba(78, 205, 196, 0.3) 0%,
            transparent 70%
        );
    }

    .hero-logo {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 2;
    }
}

@media screen and (max-width: 480px) {
    .hero-logo-container {
        max-width: 180px;
    }
}

    .contact-wrapper {
        grid-template-columns: 1fr;
        padding: 1.5rem;
    }

    .contact-form {
        padding-right: 0;
    }

    .contact-details {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .form-group {
        margin-bottom: 1rem;
    }

    textarea {
        min-height: 100px;
    }
}