.contact-page{background:radial-gradient(720px 320px at 12% 6%,var(--brand),transparent 62%),linear-gradient(180deg,var(--surface-default) 0%,var(--surface-muted) 100%)}@supports (color:color-mix(in lab,red,red)){.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 .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{border-top:var(--space-1) solid var(--brand);position:relative;overflow:hidden}.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-touch-target);border-color:var(--border-strong);background-color:var(--surface-default);transition:border-color .18s,box-shadow .18s,background-color .18s}.contact-page textarea{min-height:160px}.contact-page input[type=text]:focus,.contact-page input[type=email]:focus,.contact-page select:focus,.contact-page textarea:focus{border-color:var(--brand);box-shadow:var(--shadow-ring);outline:none}.contact-page #submit-btn{min-height:var(--space-12);border-radius:var(--radius-md);box-shadow:var(--shadow-brand-soft);transition:transform .18s,box-shadow .18s,background-color .18s}.contact-page #submit-btn:hover{box-shadow:var(--shadow-brand-ambient);transform:translateY(-1px)}.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{top:var(--space-24);position:sticky}.contact-page .contact-side-panel>div:first-child>.p-6{background:linear-gradient(135deg,var(--surface-strong),var(--text-default)),var(--surface-strong)}@supports (color:color-mix(in lab,red,red)){.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)}}.contact-page .contact-side-panel>div:first-child>.p-6,.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{font-weight:600;text-decoration:none}@media not all and (min-width:64rem){.contact-page .contact-side-panel>div:first-child{position:static}}@media not all and (min-width:40rem){.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{font-size:var(--text-ui-lg)}.contact-page textarea{min-height:140px;font-size:var(--text-ui-lg)}}
