.contact-page .contact-main{padding:clamp(3.5rem,8vh,5.5rem) 0 clamp(4rem,9vh,6rem)}.contact-page .contact-grid{display:grid;gap:clamp(2.5rem,5vw,4rem);align-items:start}@media(min-width:960px){.contact-page .contact-grid{grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr)}}.contact-page .contact-form-panel{position:relative;padding:clamp(1.75rem,4vw,2.5rem);border-radius:16px;border:1px solid var(--hp-line);background:linear-gradient(145deg,#0f141eeb,#0a0e16e0);box-shadow:inset 0 1px #ffffff0a,0 28px 64px -36px #000000a6;overflow:hidden}.contact-page .contact-form-panel:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#4f9cff59,#4f9cff0a 40%,#6ad7c233);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:.65;animation:contact-border-pulse 8s ease-in-out infinite}@keyframes contact-border-pulse{0%,to{opacity:.45}50%{opacity:.85}}@media(prefers-reduced-motion:reduce){.contact-page .contact-form-panel:before{animation:none;opacity:.55}}.contact-page .contact-form{display:grid;gap:1.25rem}@media(min-width:640px){.contact-page .contact-form{grid-template-columns:1fr 1fr}.contact-page .contact-field--full{grid-column:1 / -1}}.contact-page .contact-field{position:relative}.contact-page .contact-field label{display:block;margin-bottom:.45rem;font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--hp-fg-dimmer);transition:color .35s var(--al-ease)}.contact-page .contact-optional{font-weight:400;letter-spacing:0;text-transform:none}.contact-page .contact-field:focus-within label{color:var(--hp-accent)}.contact-page .contact-field input,.contact-page .contact-field select,.contact-page .contact-field textarea{width:100%;padding:.85rem 1rem;border-radius:8px;border:1px solid var(--hp-line);background:#06080c8c;color:var(--hp-fg);font:inherit;font-size:.95rem;line-height:1.45;transition:border-color .35s var(--al-ease),box-shadow .35s var(--al-ease),background .35s var(--al-ease)}.contact-page .contact-field textarea{min-height:148px;resize:vertical}.contact-page .contact-field select{appearance:none;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%239aa3b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;cursor:pointer}.contact-page .contact-field input::placeholder,.contact-page .contact-field textarea::placeholder{color:#9aa3b28c}.contact-page .contact-field input:focus,.contact-page .contact-field select:focus,.contact-page .contact-field textarea:focus{outline:none;border-color:#4f9cff8c;background:#080c12d1;box-shadow:0 0 0 3px #4f9cff1f,inset 0 1px #ffffff08}.contact-page .contact-field.is-active input,.contact-page .contact-field.is-active select,.contact-page .contact-field.is-active textarea{border-color:#6ad7c259}.contact-page .contact-form-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:.35rem}.contact-page .contact-submit{position:relative;overflow:hidden;border:none;cursor:pointer;font:inherit;font-size:.9rem;font-weight:600;letter-spacing:.04em;padding:.95rem 1.65rem;border-radius:6px;color:var(--hp-ink);background:linear-gradient(135deg,#fff,#e8eef8);transition:transform .35s var(--al-ease),box-shadow .35s var(--al-ease)}.contact-page .contact-submit:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.55) 48%,transparent 100%);transform:translate(-120%);transition:transform .65s var(--al-ease)}.contact-page .contact-submit:hover{transform:translateY(-1px);box-shadow:0 12px 32px -12px #4f9cff73}.contact-page .contact-submit:hover:after{transform:translate(120%)}.contact-page .contact-submit:active{transform:translateY(0)}.contact-page .contact-form-note{font-size:.82rem;line-height:1.55;color:var(--hp-fg-dimmer);max-width:36ch}.contact-page .contact-aside{display:grid;gap:1rem}.contact-page .contact-card{padding:1.35rem 1.45rem;border-radius:12px;border:1px solid var(--hp-line);background:#0c1018b8;transition:border-color .4s var(--al-ease),transform .4s var(--al-ease),box-shadow .4s var(--al-ease)}.contact-page .contact-card:hover{border-color:#ffffff29;transform:translateY(-3px);box-shadow:0 18px 40px -28px #000000bf}.contact-page .contact-card-kicker{font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--hp-accent)}.contact-page .contact-card-value{display:block;margin-top:.55rem;font-size:1rem;font-weight:500;color:var(--hp-fg);text-decoration:none;transition:color .25s}a.contact-card-value:hover{color:var(--hp-accent-2)}.contact-page .contact-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:80;max-width:min(360px,calc(100vw - 2rem));padding:1rem 1.15rem;border-radius:10px;border:1px solid rgba(106,215,194,.35);background:#080e12f0;color:var(--hp-fg);font-size:.88rem;line-height:1.55;box-shadow:0 20px 48px -24px #000000d9;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .45s var(--al-ease),transform .45s var(--al-ease)}.contact-page .contact-toast.is-visible{opacity:1;transform:none;pointer-events:auto}@media(prefers-reduced-motion:reduce){.contact-page .contact-card:hover,.contact-page .contact-submit:hover{transform:none}.contact-page .contact-submit:after{display:none}}
