.hac-gateway-page{background:radial-gradient(circle at 50% 8%,#fff 0,rgba(255,255,255,.88) 20%,transparent 46%),linear-gradient(145deg,#f8f6f1,#f1ede5)}
.hac-gateway-shell{position:relative;isolation:isolate;width:min(100% - 2rem,84rem);min-height:100svh;margin-inline:auto;padding:clamp(2rem,3.5vw,3.75rem) 0;display:flex;flex-direction:column;justify-content:center;overflow:visible}
.hac-gateway-shell>*:not(.hac-gateway-art){position:relative;z-index:1}
.hac-gateway-art{position:absolute;z-index:0;inset:clamp(.35rem,1.5vw,1.1rem) clamp(-3.5rem,-2vw,-1rem);pointer-events:none;overflow:hidden;border:1px solid rgba(170,130,64,.1);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(255,255,255,.04))}
.hac-gateway-art svg{width:100%;height:100%;fill:none;stroke:#9c702c;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.26}
.hac-gateway-art__grid{opacity:.48;stroke-dasharray:2 9}.hac-gateway-art__crane,.hac-gateway-art__excavator{opacity:.94}.hac-gateway-art__hammer{opacity:.82}.hac-gateway-art__spark{stroke-width:2.2;opacity:1}
.hac-gateway-wordmark{margin:0 auto clamp(1.6rem,2.7vw,2.3rem);padding:.55rem 1rem;border:1px solid rgba(170,130,64,.1);border-radius:22px;background:radial-gradient(ellipse,rgba(255,255,255,.88),rgba(255,255,255,.35) 64%,transparent 76%);box-shadow:0 12px 42px rgba(138,106,50,.055);backdrop-filter:blur(3px)}
.hac-gateway-wordmark img{width:clamp(14rem,23vw,23rem)}
.hac-gateway-heading{max-width:48rem;margin:0 auto clamp(1.75rem,3vw,2.5rem);text-align:center}
.hac-gateway-heading .hac-eyebrow{display:inline-flex;align-items:center;gap:.65rem;color:#79571f;font-size:.76rem;font-weight:820;letter-spacing:.16em}.hac-gateway-heading .hac-eyebrow:before,.hac-gateway-heading .hac-eyebrow:after{content:"";width:2.2rem;height:1px;background:linear-gradient(90deg,transparent,#c49a52)}.hac-gateway-heading .hac-eyebrow:after{transform:scaleX(-1)}
.hac-gateway-heading h1{margin:.65rem 0 .75rem;color:var(--hac-stone-900);font-size:clamp(2.25rem,4.3vw,3.75rem);line-height:1.03;letter-spacing:-.045em;font-weight:820;text-wrap:balance}
.hac-gateway-heading>p:last-child{max-width:34rem;margin:.5rem auto 0;color:#50575e;font-size:clamp(1rem,1.4vw,1.12rem)}
.hac-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(1.25rem,2.4vw,2rem);width:min(100%,74rem);margin-inline:auto}
.hac-role-card{position:relative;min-width:0;min-height:22.5rem;padding:clamp(1.9rem,3vw,2.65rem);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(138,106,50,.35);border-top:4px solid var(--hac-brass-600);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(251,250,247,.96));box-shadow:0 18px 46px rgba(16,18,20,.1),0 2px 5px rgba(16,18,20,.05);transition:border-color .2s,box-shadow .2s,transform .2s}
.hac-role-card:before{content:"";position:absolute;width:8rem;height:8rem;right:-4.5rem;top:-4.5rem;border:1px solid rgba(196,154,82,.18);transform:rotate(45deg);box-shadow:0 0 0 1.6rem rgba(196,154,82,.025)}
.hac-role-card:hover{border-color:rgba(138,106,50,.6);box-shadow:0 22px 52px rgba(16,18,20,.13),0 3px 8px rgba(16,18,20,.06);transform:translateY(-2px)}
.hac-role-card h2{position:relative;margin:0 0 .85rem;color:var(--hac-stone-900);font-size:clamp(1.65rem,2.4vw,1.95rem);line-height:1.15;letter-spacing:-.02em}
.hac-role-card h2:after{content:"";display:block;width:2.75rem;height:2px;margin-top:.75rem;background:linear-gradient(90deg,var(--hac-brass-600),rgba(196,154,82,.15))}
.hac-role-card p{position:relative;max-width:32rem;margin:0 0 2rem;color:#50575e;font-size:1.075rem;line-height:1.68}
.hac-role-card .hac-button{position:relative;min-height:56px;margin-top:auto;border:1px solid #171a1d;border-radius:11px;background:linear-gradient(180deg,#252a2f,#171a1d);color:#fff9ed!important;font-size:1.075rem;font-weight:850;letter-spacing:.012em;text-decoration:none!important;box-shadow:inset 0 -2px #8a6a32,0 9px 20px rgba(16,18,20,.15);transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.hac-role-card .hac-button:hover{border-color:#aa8240;background:linear-gradient(180deg,#333940,#1c2024);color:#fff!important;box-shadow:inset 0 -3px #c49a52,0 12px 24px rgba(16,18,20,.2);transform:translateY(-1px)}
.hac-role-card .hac-button:focus-visible{outline:3px solid #8a6a32;outline-offset:4px;box-shadow:inset 0 -3px #c49a52,0 0 0 6px rgba(196,154,82,.14)}
.hac-role-card small{display:block;min-height:2.8em;margin-top:.85rem;color:#5a6168;line-height:1.4}.hac-gateway-page--register .hac-role-card:first-child:after{content:"";display:block;min-height:2.8em;margin-top:.85rem}
.hac-gateway-switch{width:max-content;max-width:100%;margin:clamp(2rem,3.4vw,2.65rem) auto 0;padding:.68rem 1.15rem;border:1px solid rgba(138,106,50,.2);border-radius:999px;background:rgba(255,255,255,.72);color:#555c62;text-align:center;box-shadow:0 7px 20px rgba(16,18,20,.045)}
.hac-gateway-switch a{font-weight:800;color:#684817}.hac-gateway-switch a:hover{color:#3f2b0e}
.hac-header-account-link:focus-visible{outline:3px solid #8a6a32;outline-offset:3px}
@media(max-width:900px){.hac-gateway-shell{width:min(100% - 1.5rem,72rem)}.hac-gateway-art{inset:.6rem -.25rem}.hac-gateway-wordmark img{width:clamp(14rem,31vw,19.5rem)}.hac-role-card{min-height:22rem;padding:1.85rem}}
@media(max-width:680px){.hac-gateway-page{background:linear-gradient(155deg,#faf8f4,#f1ede5)}.hac-gateway-shell{width:min(100% - 1rem,38rem);padding-block:1rem 1.75rem}.hac-gateway-art{inset:.25rem 0;border-radius:18px}.hac-gateway-art svg{width:165%;margin-left:-32%;opacity:.18}.hac-gateway-art__grid,.hac-gateway-art__hammer{opacity:.35}.hac-gateway-wordmark{margin-bottom:1.4rem;padding:.45rem .7rem}.hac-gateway-wordmark img{width:clamp(13.5rem,62vw,17.5rem)}.hac-gateway-heading{margin-bottom:1.55rem;padding-inline:.35rem}.hac-gateway-heading h1{font-size:clamp(2.2rem,10.5vw,3rem)}.hac-gateway-heading>p:last-child{font-size:1.05rem}.hac-gateway-heading .hac-eyebrow:before,.hac-gateway-heading .hac-eyebrow:after{width:1.25rem}.hac-role-grid{grid-template-columns:1fr;gap:1.15rem}.hac-role-card{min-height:0;padding:clamp(1.6rem,6vw,2rem)}.hac-role-card p{font-size:1.05rem}.hac-role-card .hac-button{min-height:56px;font-size:1.06rem}.hac-gateway-page--register .hac-role-card:first-child:after{display:none}.hac-gateway-switch{width:auto;margin:1.8rem .4rem 0}}
@media(max-width:350px){.hac-gateway-shell{width:calc(100% - .8rem)}.hac-gateway-heading .hac-eyebrow:before,.hac-gateway-heading .hac-eyebrow:after{display:none}.hac-role-card{padding:1.25rem}.hac-gateway-switch{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.hac-role-card,.hac-role-card .hac-button{transition:none}.hac-role-card:hover,.hac-role-card .hac-button:hover{transform:none}}