.contact-page{color:var(--foreground);background:radial-gradient(circle at 86% 9rem, color-mix(in srgb, var(--accent) 15%, transparent) 0, transparent 23rem), radial-gradient(circle at 14% 32rem, color-mix(in srgb, var(--primary) 17%, transparent) 0, transparent 27rem), radial-gradient(circle at 68% 68%, color-mix(in srgb, var(--secondary) 10%, transparent) 0, transparent 24rem), linear-gradient(165deg, color-mix(in srgb, var(--background) 86%, var(--card) 14%) 0%, var(--background) 48rem), var(--background)}.contact-page h1{color:color-mix(in srgb, var(--foreground) 92%, var(--primary) 8%)}.contact-kicker{border:1px solid color-mix(in srgb, var(--border) 82%, transparent);background:color-mix(in srgb, var(--card) 72%, transparent);color:color-mix(in srgb, var(--primary) 78%, var(--foreground) 22%)}.contact-lede,.contact-guidance p,.contact-card p{color:color-mix(in srgb, var(--muted-foreground) 86%, var(--foreground) 14%)}.contact-lede{font-size:clamp(1.08rem,1.8vw,1.35rem);line-height:1.75}.contact-hero-panel,.contact-card,.contact-guidance{border:1px solid color-mix(in srgb, var(--border) 84%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--card) 92%, var(--background) 8%), color-mix(in srgb, var(--card) 96%, var(--muted) 4%)), var(--card);box-shadow:0 22px 52px -42px color-mix(in srgb, var(--foreground) 25%, transparent), inset 0 1px 0 color-mix(in srgb, var(--background) 44%, transparent)}.contact-hero-panel{align-content:start;gap:1.2rem;min-height:100%;padding:1.75rem;display:grid;position:relative;overflow:hidden}.contact-hero-panel:before{content:"";border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);pointer-events:none;border-radius:1.45rem;position:absolute;inset:1rem}.contact-hero-label{color:color-mix(in srgb, var(--muted-foreground) 88%, var(--foreground) 12%);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}.contact-hero-panel strong{max-width:18rem;color:color-mix(in srgb, var(--foreground) 90%, var(--accent) 10%);letter-spacing:-.045em;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.08;display:block}.contact-hero-note{gap:.8rem;display:grid}.contact-hero-note span{color:color-mix(in srgb, var(--muted-foreground) 82%, var(--foreground) 18%);font-size:.98rem;font-weight:700;line-height:1.45}.contact-hero-note span:first-child{color:color-mix(in srgb, var(--foreground) 86%, var(--primary) 14%)}.contact-email-cta{border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);background:linear-gradient(140deg, color-mix(in srgb, var(--primary) 10%, transparent), color-mix(in srgb, var(--accent) 8%, transparent)), color-mix(in srgb, var(--card) 88%, transparent);box-shadow:0 16px 36px -28px color-mix(in srgb, var(--accent) 30%, transparent), inset 0 1px 0 color-mix(in srgb, var(--background) 44%, transparent);color:color-mix(in srgb, var(--foreground) 92%, var(--primary) 8%);justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex;transform:translateY(0)}.contact-email-cta:hover,.contact-email-cta:focus-visible{border-color:color-mix(in srgb, var(--accent) 46%, transparent);background:linear-gradient(140deg, #22c7d661, #3ecfe075), color-mix(in srgb, var(--card) 62%, var(--accent) 38%);color:color-mix(in srgb, var(--foreground) 96%, white 4%);box-shadow:0 22px 44px -22px #2ecddd66, 0 0 0 .24rem #2ecddd24, inset 0 1px 0 color-mix(in srgb, var(--background) 44%, transparent);transform:translateY(-2px)}.contact-card-grid{gap:1rem;display:grid}.contact-card{background:linear-gradient(145deg, color-mix(in srgb, var(--background) 28%, transparent), color-mix(in srgb, var(--secondary) 16%, transparent)), color-mix(in srgb, var(--card) 84%, transparent)}.contact-card h2,.contact-guidance h2{color:color-mix(in srgb, var(--foreground) 90%, var(--primary) 10%);letter-spacing:-.03em}.contact-card p,.contact-guidance p{line-height:1.75}.contact-guidance{position:relative}@media (width>=48rem){.contact-hero{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);align-items:stretch;column-gap:2rem}.contact-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=47.99rem){.contact-hero-panel:before{inset:.85rem}.contact-hero-panel strong{font-size:clamp(1.4rem,8vw,1.95rem)}}
