/* Auto-extracted from resources/views/website/contact/index.blade.php */

.contact-grid {
        --snec-primary: #2971b7;
        --snec-primary-dark: #1e5a9a;
        --snec-primary-soft: #eaf3fb;
        --snec-ink: #183153;
        --snec-muted: #61748f;
    }

    .contact-grid {
        display: grid;
        grid-template-columns: 1fr 1.2fr;
        gap: 28px;
    }

    .contact-panel {
        padding: 32px;
        border: 1px solid rgba(41, 113, 183, 0.12);
        box-shadow: 0 18px 45px rgba(24, 49, 83, 0.08);
    }

    .contact-panel h2 {
        color: var(--snec-ink);
    }

    .contact-point {
        margin-bottom: 26px;
        padding-bottom: 22px;
        border-bottom: 1px solid rgba(41, 113, 183, 0.1);
    }

    .contact-point:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .contact-point h3 {
        font-size: 16px;
        color: var(--snec-primary);
        margin-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }

    .contact-point p,
    .contact-point a {
        color: var(--snec-ink);
        text-decoration: none;
        line-height: 1.8;
    }

    .contact-socials {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 16px;
    }

    .contact-socials a {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        background: var(--snec-primary-soft);
        color: var(--snec-primary);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        text-decoration: none;
        border: 1px solid rgba(41, 113, 183, 0.12);
        transition: all 0.25s ease;
    }

    .contact-socials a:hover {
        background: var(--snec-primary);
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 10px 18px rgba(41, 113, 183, 0.24);
    }

    .contact-form-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .contact-form-grid .full-width {
        grid-column: 1 / -1;
    }

    .contact-form-grid label {
        color: var(--snec-ink);
    }

    .contact-form-grid input,
    .contact-form-grid textarea {
        border: 1px solid rgba(41, 113, 183, 0.18);
        background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
        color: var(--snec-ink);
        transition: border-color 0.25s ease, box-shadow 0.25s ease;
    }

    .contact-form-grid input:focus,
    .contact-form-grid textarea:focus {
        outline: none;
        border-color: var(--snec-primary);
        box-shadow: 0 0 0 4px rgba(41, 113, 183, 0.12);
    }

    .contact-form-submit {
        width: 100%;
        background: linear-gradient(135deg, var(--snec-primary), #3a7fc1);
        border-radius: 14px;
        padding: 15px 22px;
        box-shadow: 0 16px 30px rgba(41, 113, 183, 0.22);
    }

    .contact-form-submit:hover {
        background: linear-gradient(135deg, var(--snec-primary-dark), var(--snec-primary));
    }

    .contact-form-note {
        color: var(--snec-muted);
        margin-bottom: 24px;
    }

    @media (max-width: 900px) {
        .contact-grid,
        .contact-form-grid {
            grid-template-columns: 1fr;
        }
    }