body{background:#080d18;color:#eff1f7}.contact-page{--pink:#e51079;--violet:#f16cae;padding:64px 4.5% 90px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 10% 5%,#263a4c28,transparent 40%),#080f19}.contact-opening{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:start;position:relative}.contact-story{padding-top:16px}.contact-kicker{font:600 11px/1.7 Arial,sans-serif;letter-spacing:.16em;color:#f2a0c5}.contact-page h1{font-size:clamp(40px,4.5vw,76px);font-weight:450;line-height:1.12;letter-spacing:-.045em;margin:24px 0}.contact-page h1 em,.arrival-copy h2 em{font-style:normal;background:linear-gradient(110deg,#f27cb9,#e51079);background-clip:text;-webkit-background-clip:text;color:transparent}.contact-lead{max-width:580px;color:#b9bdd0;font-size:16px;line-height:1.9}.contact-shortcuts{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px}.contact-shortcuts a{font-size:13px;color:#f5d8ea;border-bottom:1px solid #d6669955;padding:8px 0;text-decoration:none}.contact-visual{position:relative;margin-top:38px;border-radius:15px;overflow:hidden;border:1px solid #dc71a044;background:#14202b}.contact-visual>img{width:100%;height:230px;object-fit:cover;display:block;filter:saturate(.85);transition:transform 1s}.contact-visual:hover>img{transform:scale(1.04)}.contact-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09131eb0,transparent 65%);pointer-events:none}.contact-visual-caption{position:absolute;bottom:22px;left:24px;right:24px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.17em;color:#f4deef}.contact-equalizer{display:flex;align-items:center;gap:4px;height:28px}.contact-equalizer i{width:3px;height:20px;background:#f598c0;border-radius:4px;animation:contact-level 1.5s ease-in-out infinite alternate;transform-origin:center}.contact-equalizer i:nth-child(2n){animation-delay:-.7s;height:12px}.contact-equalizer i:nth-child(3n){animation-delay:-1.1s;height:27px}.contact-form-panel{position:relative;padding:34px;border:1px solid #8294a444;border-radius:18px;background:linear-gradient(135deg,#162331,#101a26);box-shadow:0 26px 80px #0003;isolation:isolate}.contact-form-panel:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at 90% 0%,#64829a18,transparent 65%);pointer-events:none}.contact-form-panel h2{font-size:30px;font-weight:450;letter-spacing:-.03em;line-height:1.25;margin:15px 0 12px}.panel-intro{font-size:13px;line-height:1.7;color:#b8b6cb;margin-bottom:24px}.contact-form-panel label{display:block;font-size:12px;color:#d3d4df;margin-bottom:17px}.contact-form-panel input,.contact-form-panel select,.contact-form-panel textarea{width:100%;margin-top:8px;padding:13px 14px;border:1px solid #9aabba35;background:#090f1dcc;border-radius:7px;color:#f5f2fa;font:14px/1.5 Arial,sans-serif;transition:border-color .25s,box-shadow .25s}.contact-form-panel input:focus,.contact-form-panel textarea:focus,.contact-form-panel select:focus{outline:0;border-color:#ed5799;box-shadow:0 0 0 3px #e5107920}.contact-form-panel input::placeholder,.contact-form-panel textarea::placeholder{color:#7f839b}.contact-form-panel .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form-panel .form-note{display:flex;align-items:flex-start;gap:8px;color:#8e93aa;font-size:11px;line-height:1.8;margin:0 0 20px}.contact-form-panel .icon{width:17px;height:17px;flex-shrink:0}.contact-form-panel .form-submit{width:100%;border:1px solid #f483b466;background:linear-gradient(110deg,#e51079,#c50d66);color:white;justify-content:center;min-height:50px;border-radius:8px;font-size:12px;box-shadow:0 8px 28px #cf146d2a;transition:filter .3s,transform .3s}.contact-form-panel .form-submit:hover{filter:brightness(1.15);transform:translateY(-2px)}.contact-form-panel .form-direct{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px;font-size:12px;color:#cdb9d8}.contact-form-panel .form-direct a{display:flex;gap:6px;align-items:center}.form-feedback{font-size:12px;color:#f4bdd5;line-height:1.7}.contact-teams-heading{padding-top:70px;margin-bottom:26px}.contact-teams-heading h2{font-size:clamp(27px,3vw,42px);letter-spacing:-.035em;font-weight:400;line-height:1.2;margin-top:12px}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.contact-card{position:relative;border:1px solid #b58a9f31;border-radius:12px;background:radial-gradient(circle at var(--cx,50%) var(--cy,0%),#809db420,transparent 65%),#101c28;padding:27px;transition:border-color .3s,transform .3s,box-shadow .3s}.contact-card:hover{border-color:#e510797a;transform:translateY(-5px);box-shadow:0 16px 36px #0003}.contact-card h2{font-size:20px;font-weight:500;margin:15px 0;line-height:1.4}.contact-card p{color:#9fa7ba;font-size:13px;line-height:1.8;margin-bottom:22px}.contact-card a{display:block;color:#efd0dc;font-size:13px;overflow-wrap:anywhere;margin-top:11px}.contact-arrival{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;margin-top:70px;border-top:1px solid #9ca9b82b;padding-top:52px}.arrival-copy h2{font-size:clamp(40px,4vw,64px);font-weight:400;line-height:1.12;letter-spacing:-.04em;margin:20px 0}.arrival-copy>p{color:#a7afc1;font-size:14px;line-height:1.8;max-width:450px}.arrival-copy>img{display:block;width:100%;height:185px;object-fit:cover;border-radius:10px;margin-top:24px;opacity:.85}.arrival-coordinate{display:flex;justify-content:space-between;gap:15px;margin-top:28px;color:#9ba9b8;font-size:10px;letter-spacing:.13em}.contact-panel{padding:30px;border:1px solid #aa889a3b;border-radius:15px;background:#0f1523}.contact-panel>.contact-kicker,.contact-panel>h2,.contact-panel>p:nth-of-type(2){display:none}.contact-panel p{font-size:14px;line-height:1.8;color:#aeb7c9}.contact-panel strong{color:#efedf7;font-size:20px;font-weight:450}.navigation-links{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.navigation-links a,.map-load{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:45px;padding:12px 18px;border:1px solid #d7719e5c;border-radius:8px;background:#c50d661a;color:#efd9ee;font-size:13px;text-decoration:none;cursor:pointer;transition:background .3s}.navigation-links a:hover,.map-load:hover{background:#b90d6240}.map-box{min-height:220px;display:grid;place-items:center;text-align:center;padding:20px;border:1px solid #7c667245;border-radius:10px;background:linear-gradient(30deg,#14202c,#122436);background-image:linear-gradient(#b990a412 1px,transparent 1px),linear-gradient(90deg,#b990a412 1px,transparent 1px);background-size:32px 32px}.map-box iframe{width:100%;height:280px;border:0;border-radius:8px}.map-box .contact-note{font-size:11px;max-width:270px;margin:12px auto 0;color:#909ab1}.contact-details{display:grid;grid-template-columns:1fr 1.2fr;gap:8px 20px;margin-top:25px;padding-top:20px;border-top:1px solid #ffffff14}.contact-details h3{font-size:13px;font-weight:500;grid-row:1}.contact-details p{font-size:12px;grid-row:2}.contact-page a:focus-visible,.contact-page button:focus-visible{outline:2px solid #f19abc;outline-offset:4px}.motion-paused .contact-equalizer i{animation-play-state:paused}@keyframes contact-level{from{transform:scaleY(.25)}to{transform:scaleY(1)}}@media(max-width:1100px){.contact-opening{gap:4%}.contact-form-panel{padding:26px}.contact-page h1{font-size:49px}.contact-card{padding:22px}.contact-card h2{font-size:17px}}@media(max-width:800px){.contact-page{padding:35px 20px 55px}.contact-opening,.contact-arrival{grid-template-columns:1fr;gap:28px}.contact-page h1{font-size:clamp(40px,7vw,65px)}.contact-visual{margin-top:25px}.contact-visual>img{height:200px}.contact-grid{grid-template-columns:1fr}.contact-teams-heading{padding-top:42px}.contact-arrival{margin-top:42px;padding-top:35px}.arrival-copy>img{height:160px}.contact-form-panel .form-row{gap:12px}}@media(max-width:440px){.contact-form-panel{padding:22px 18px}.contact-form-panel .form-row{grid-template-columns:1fr;gap:0}.contact-details{display:block}.contact-details h3{margin:18px 0 8px}.contact-page h1{font-size:40px}.contact-visual-caption{left:16px;right:16px;font-size:8px}}@media(prefers-reduced-motion:reduce){.contact-equalizer i{animation:none}.contact-card,.contact-visual>img,.form-submit{transition:none!important;transform:none!important}}
/* Compact, aligned contact introduction; wider sections below remain full width. */
body.hsa-portal .contact-page .contact-opening{max-width:none;width:100%;margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,72px);padding-top:0;padding-bottom:56px;align-items:start}
body.hsa-portal main.contact-page{padding-top:44px;padding-bottom:0}
body.hsa-portal .contact-page .contact-story{padding-top:8px}
body.hsa-portal .contact-page h1{font-size:clamp(32px,3.1vw,48px);line-height:1.16;margin:18px 0 22px}
body.hsa-portal .contact-page .contact-lead{font-size:15px;line-height:1.75;max-width:520px}
body.hsa-portal .contact-page .contact-shortcuts{margin-top:16px;gap:22px}
body.hsa-portal .contact-page .contact-visual{margin-top:24px}
body.hsa-portal .contact-page .contact-visual>img{height:160px;object-position:center 50%}
body.hsa-portal .contact-page .contact-form-panel{padding:26px 28px;border-radius:14px}
body.hsa-portal .contact-page .contact-form-panel h2{font-size:26px;margin:10px 0}
body.hsa-portal .contact-page .contact-form-panel .panel-intro{font-size:14px;line-height:1.6;margin-bottom:20px}
body.hsa-portal .contact-page .contact-form-panel label{font-size:13px;margin-bottom:14px}
body.hsa-portal .contact-page .contact-form-panel .form-row{gap:16px;margin-bottom:0}
body.hsa-portal .contact-page .contact-form-panel :is(input,select,textarea){padding:10px 12px;font-size:15px;line-height:1.45;margin-top:6px;min-height:43px}
body.hsa-portal .contact-page .contact-form-panel textarea{height:96px;min-height:96px}
body.hsa-portal .contact-page .contact-form-panel .form-note{font-size:12px;line-height:1.6;margin:0 0 15px}
body.hsa-portal .contact-page .contact-form-panel .form-submit{min-height:44px;font-size:13px;padding:10px 16px}
body.hsa-portal .contact-page .contact-form-panel .form-direct{margin-top:16px;padding-top:14px;justify-content:space-between;font-size:13px}
.contact-person{display:flex;align-items:center;gap:16px;margin-top:20px;padding:14px 0;border-top:1px solid #8ca0b333}
.contact-person>img{width:65px;height:72px;object-fit:contain;flex:none}
.contact-person>div{display:grid;gap:3px}.contact-person strong{font-size:18px}.contact-person span{font-size:13px;color:#a5b6c6}.contact-person a{font-size:14px;color:#f16cae}
html[data-hsa-theme=light] .contact-person span{color:#45576b}
@media(max-width:800px){body.hsa-portal .contact-page .contact-opening{grid-template-columns:1fr;gap:28px}body.hsa-portal .contact-page .contact-form-panel{padding:24px}body.hsa-portal .contact-page h1{font-size:36px}body.hsa-portal .contact-page .contact-form-panel :is(input,select,textarea){font-size:16px}}

body.hsa-portal main.contact-page .contact-opening{max-width:none!important;width:100%;margin-inline:0;gap:clamp(30px,4vw,72px)}body.hsa-portal .contact-page .contact-visual{margin-top:16px}body.hsa-portal .contact-page .contact-visual>img{height:190px;object-position:center 55%}.contact-person{margin-top:20px;padding-block:16px;border-top:1px solid #8ca0b333;border-bottom:1px solid #8ca0b333}@media(max-width:800px){body.hsa-portal .contact-page .contact-visual>img{height:180px}}