/* ════════════════════════════════════════════════════════════════════════
   contact.css — L3 for zAbout/Contact (zBrush: [page, contact]). The canonical
   page shell does hero / sections / zc-title / cards / buttons; this file adds
   the one unique element — the "direct line" glass panel with a big email CTA —
   plus link polish on the community cards.
   ════════════════════════════════════════════════════════════════════════ */

/* ── direct line — featured glass panel with a prominent email button ──────── */
.contact-direct {
    position:      relative;
    max-width:     660px;
    margin:        0 auto;
    text-align:    center;
    background:    var(--zc-surface);
    border:        1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--zc-radius);
    padding:       clamp(2.5rem, 5vw, 3.5rem) clamp(1.5rem, 4vw, 3rem);
    box-shadow:    var(--zc-shadow);
    overflow:      hidden;
}
.contact-direct::before {
    content:    '';
    position:   absolute;
    top: 0; left: 0; right: 0;
    height:     1px;
    background: var(--zc-hairline);
}
.contact-direct p {
    color:       var(--text-gray);
    font-size:   1.06rem;
    line-height: 1.75;
    max-width:   52ch;
    margin:      0 auto 1.9rem;
}
.contact-direct [data-zkey="Who"] p { font-size: 0.95rem; margin: 0; }
.contact-direct a:not(.contact-email)       { color: #a5b4fc; text-decoration: underline; text-underline-offset: 2px; }
.contact-direct a:not(.contact-email):hover { color: #c7d2fe; }

/* the email button — the page's focal CTA */
.contact-email {
    display:         inline-flex;
    align-items:     center;
    gap:             0.5rem;
    margin:          0.2rem 0 1.9rem;
    padding:         1rem 2.3rem;
    font-size:       clamp(1.1rem, 2.2vw, 1.45rem);
    font-weight:     700;
    letter-spacing:  -0.01em;
    color:           #14210a;
    background:      linear-gradient(135deg, var(--color-primary, #A2D46E), var(--color-secondary, #9370DB));
    border-radius:   980px;
    text-decoration: none;
    box-shadow:      0 10px 30px rgba(124, 58, 237, 0.35);
    transition:      transform 0.12s ease, box-shadow 0.15s ease, filter 0.15s ease;
}
.contact-email:hover {
    transform:       translateY(-2px);
    box-shadow:      0 16px 42px rgba(124, 58, 237, 0.45);
    filter:          brightness(1.05);
    text-decoration: none;
}

/* ── community cards — link polish on the canonical .zc-card surface ───────── */
.contact-community .zc-card-icon { font-size: 2rem; margin: 0 0 1.1rem; line-height: 1; }
.contact-community .zc-card h3   { font-size: 1.35rem; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 0.6rem; }
.contact-community .zc-card p    { color: var(--text-gray); line-height: 1.7; font-size: 1rem; margin: 0 0 1.2rem; }
.contact-community .zc-card a       { color: #a5b4fc; font-weight: 600; text-decoration: none; }
.contact-community .zc-card a:hover { text-decoration: underline; }