.contact-page{background:radial-gradient(720px 320px at 12% 6%,color-mix(in srgb,var(--brand) 8%,transparent),transparent 62%),linear-gradient(180deg,var(--surface-default) 0%,var(--surface-muted) 100%)}.contact-page .contact-hero{position:relative;overflow:hidden;padding-top:clamp(var(--size-44px),7vw,var(--size-74px));padding-bottom:clamp(var(--size-34px),5vw,var(--size-58px));background:transparent}.contact-page .contact-hero h1{font-size:var(--text-h1);line-height:var(--leading-title);letter-spacing:var(--tracking-normal);margin-bottom:var(--space-4)}.contact-page .contact-hero p{max-width:var(--layout-3xl);margin-inline:auto;color:var(--text-muted);line-height:var(--leading-copy)}.contact-page .grid.lg\:grid-cols-2{align-items:start}.contact-page .grid.lg\:grid-cols-2>div:first-child,.contact-page .grid.lg\:grid-cols-2>div:last-child>div{border-color:var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.contact-page .grid.lg\:grid-cols-2>div:first-child{position:relative;overflow:hidden;border-top:var(--space-1) solid var(--brand)}.contact-page .grid.lg\:grid-cols-2>div:first-child:before{content:none}.contact-page h2,.contact-page h3{letter-spacing:var(--tracking-normal)}.contact-page label{color:var(--text-strong)}.contact-page input[type=text],.contact-page input[type=email],.contact-page select,.contact-page textarea{min-height:var(--size-44px);border-color:var(--border-strong);background-color:var(--surface-default);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.contact-page textarea{min-height:var(--size-160px)}.contact-page input[type=text]:focus,.contact-page input[type=email]:focus,.contact-page select:focus,.contact-page textarea:focus{outline:none;border-color:var(--brand);box-shadow:var(--shadow-ring)}.contact-page #submit-btn{min-height:var(--space-12);border-radius:var(--radius-md);box-shadow:var(--shadow-brand-soft);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.contact-page #submit-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-brand-ambient)}.contact-page #submit-btn:active{transform:translateY(0)}.contact-page .bg-light-gray{background:var(--surface-subtle)}.contact-page .contact-side-panel>div:first-child{position:sticky;top:var(--space-24)}.contact-page .contact-side-panel>div:first-child>.p-6{background:linear-gradient(135deg,color-mix(in srgb,var(--surface-strong) 96%,transparent),color-mix(in srgb,var(--text-default) 96%,transparent)),var(--surface-strong);color:var(--text-on-dark-strong)}.contact-page .contact-side-panel>div:first-child>.p-6 h3,.contact-page .contact-side-panel>div:first-child>.p-6 p{color:var(--text-on-dark-strong)}.contact-page .contact-side-panel a{text-decoration:none;font-weight:600}@media(max-width:1023px){.contact-page .contact-side-panel>div:first-child{position:static}}@media(max-width:640px){.contact-page .contact-hero{padding-top:var(--space-7);padding-bottom:var(--space-6)}.contact-page .contact-hero h1{font-size:var(--text-ui-6xl);line-height:var(--leading-title)}.contact-page .contact-hero p{font-size:var(--text-ui-lg);line-height:var(--leading-ui-relaxed)}.contact-page .grid.lg\:grid-cols-2>div:first-child,.contact-page .grid.lg\:grid-cols-2>div:last-child>div{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.contact-page .grid.lg\:grid-cols-2>div:first-child{padding:var(--space-5)}.contact-page .grid.lg\:grid-cols-2>div:first-child h2{font-size:var(--text-ui-4xl);line-height:var(--leading-h4)}.contact-page label{font-size:var(--text-small)}.contact-page input[type=text],.contact-page input[type=email],.contact-page select{min-height:var(--size-46px);font-size:var(--text-ui-lg)}.contact-page textarea{min-height:var(--size-140px);font-size:var(--text-ui-lg)}}
