/* Extracted from Views/Home/Contact.cshtml. */
    .contact-card {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 16px 18px;
        border-radius: 14px;
        background: rgba(255,255,255,0.03);
        border: 1px solid rgba(255,255,255,0.06);
        text-decoration: none;
        color: #e8ecff;
        transition: all .25s ease;
    }

        .contact-card:hover {
            background: rgba(255,255,255,0.06);
            transform: translateY(-3px);
            border-color: rgba(16,163,127,0.4);
        }

        .contact-card.primary {
            background: linear-gradient(135deg, rgba(88,101,242,0.25), rgba(16,163,127,0.15));
            border-color: rgba(16,163,127,0.4);
        }

    .contact-icon {
        font-size: 22px;
        width: 42px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: rgba(255,255,255,0.06);
    }

    .contact-title {
        font-weight: 600;
        font-size: 15px;
    }

    .contact-desc {
        font-size: 13px;
        color: #9aa3c7;
    }