.contact-page{max-width:var(--ma-content-max,1320px);padding:clamp(2.5rem,6vw,4.5rem)var(--ma-content-padding-x,clamp(16px,3.5vw,28px))clamp(4rem,10vw,6rem);margin:0 auto;position:relative}.contact-page__hero{text-align:center;max-width:40rem;margin-bottom:clamp(2.25rem,5vw,3.5rem);margin-left:auto;margin-right:auto}.contact-page__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#2563eb;margin:0 0 .65rem;font-size:.75rem;font-weight:700}.contact-page__hero h1{letter-spacing:-.035em;background:linear-gradient(115deg,#0ea5e9 0%,#2563eb 40%,#7c3aed 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .75rem;font-size:clamp(1.65rem,4vw,2.45rem);font-weight:800;line-height:1.15}.contact-page__lead{color:var(--ma-muted,#64748b);max-width:36rem;margin:0 auto;font-size:clamp(1rem,2.2vw,1.0625rem);line-height:1.68}.contact-page__layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:clamp(1.75rem,5vw,3.5rem);display:grid}.contact-info__title{letter-spacing:-.02em;color:var(--ma-ink,#0f172a);margin:0 0 .75rem;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:800}.contact-info__lead{color:var(--ma-ink-secondary,#475569);margin:0 0 1.5rem;font-size:.96875rem;line-height:1.7}.contact-info__list{margin:0;padding:0;list-style:none}.contact-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#334155;background:#ffffffe0;border:1px solid #e2e8f0f2;border-radius:12px;align-items:center;gap:.875rem;margin-bottom:.75rem;padding:.9rem 1.1rem;font-size:.9375rem;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;box-shadow:0 2px 12px #0f172a0a}.contact-item:last-child{margin-bottom:0}@media (hover:hover) and (pointer:fine){.contact-item:hover{border-color:#6366f138;transform:translate(4px);box-shadow:0 8px 24px #0f172a0f}}.contact-item svg{color:#2563eb;flex-shrink:0;font-size:1.125rem}.contact-item a{color:#2563eb;font-weight:600;text-decoration:none}.contact-item a:hover{text-decoration:underline}.contact-form-wrap{min-width:0}.contact-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:calc(var(--ma-radius-lg,16px) + 2px);background:#ffffffeb;border:1px solid #e2e8f0fa;padding:clamp(1.5rem,3.5vw,2.15rem);transition:box-shadow .28s,border-color .28s;box-shadow:0 10px 40px #0f172a12}@media (hover:hover) and (pointer:fine){.contact-form:hover{border-color:#6366f126;box-shadow:0 18px 52px #0f172a17}}.contact-form__title{letter-spacing:-.02em;color:var(--ma-ink,#0f172a);margin:0 0 .5rem;font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:800}.contact-form__hint{color:#64748b;margin:0 0 1.35rem;font-size:.8125rem;line-height:1.55}.contact-form__form{flex-direction:column;gap:1rem;display:flex}.contact-form__field{flex-direction:column;gap:.35rem;display:flex}.contact-form__label{color:#334155;font-size:.8125rem;font-weight:600}.contact-form__input,.contact-form__textarea{box-sizing:border-box;width:100%;color:var(--ma-ink,#0f172a);background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.8125rem .95rem;font-family:inherit;font-size:.9375rem;transition:border-color .18s,box-shadow .18s}.contact-form__textarea{resize:vertical;min-height:8rem;line-height:1.5}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:#94a3b8}.contact-form__input:focus,.contact-form__textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb24}.contact-form__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#4f46e5);border:none;border-radius:12px;margin-top:.35rem;padding:.875rem 1.25rem;font-family:inherit;font-size:.9375rem;font-weight:700;transition:transform .2s,box-shadow .2s}.contact-form__submit:hover{transform:translateY(-2px);box-shadow:0 12px 28px #2563eb57}.contact-form__submit:focus-visible{outline-offset:3px;outline:2px solid #2563eb}@media (max-width:900px){.contact-page__layout{grid-template-columns:1fr;gap:2rem}.contact-form{padding:1.5rem 1.25rem}}@media (prefers-reduced-motion:reduce){.contact-item,.contact-form__submit{transition-duration:.01ms}.contact-item:hover,.contact-form__submit:hover{transform:none}}
