.hp-auth-page{min-height:100svh;padding:20px;background:var(--canvas)}.hp-auth-card{min-height:calc(100svh - 40px);display:grid;grid-template-columns:minmax(0,1.27fr) minmax(420px,1fr);grid-gap:0;gap:0;border:1px solid var(--line);background:var(--surface)}.hp-auth-card,.login-visual-panel{overflow:hidden;border-radius:28px}.login-visual-panel{position:relative;min-height:calc(100svh - 42px);display:flex;flex-direction:column;padding:32px clamp(36px,5vw,88px) 36px;background:var(--brand-brown);color:white}.login-visual-photo,.login-visual-shade{position:absolute;inset:0}.login-visual-photo{background:url(/hphub-investor-gold.png) 50%/cover no-repeat}.login-visual-shade{background:linear-gradient(90deg,rgba(50,43,39,.66),rgba(50,43,39,.12) 85%),linear-gradient(0deg,rgba(28,24,21,.92),transparent 85%),linear-gradient(180deg,rgba(28,24,21,.45),transparent 30%)}.login-visual-brand{position:relative;z-index:1;width:218px;display:block}.visual-message{position:relative;z-index:1;max-width:650px;margin-top:auto;padding-bottom:clamp(45px,8vh,100px)}.visual-message>span{display:inline-flex;align-items:center;gap:12px;color:var(--brand-light);font-size:10px;font-weight:800;letter-spacing:.2em}.visual-message>span:before{content:"";width:23px;height:1px;background:currentColor}.visual-message h1{max-width:620px;margin:24px 0 20px;font:500 clamp(42px,4.1vw,70px)/1.12 DM Sans,sans-serif;letter-spacing:-.045em}.visual-message h1 em{color:var(--brand-light);font-style:normal}.visual-message p{max-width:480px;margin:0;color:rgba(255,255,255,.8);font-size:15px;line-height:1.7}.login-auth-panel{position:relative;min-width:0;min-height:calc(100svh - 42px);display:flex;flex-direction:column;align-items:center;padding:35px clamp(40px,6vw,100px) 32px;background:var(--surface)}.login-back-link{align-self:flex-end;color:var(--muted);font-size:12px;font-weight:600}.login-back-link:hover{color:var(--primary)}.login-mobile-brand{display:none;width:190px}.auth-content{width:min(100%,450px);margin:auto 0;padding:40px 0}.auth-kicker{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.17em}.auth-kicker:before{content:"";width:22px;height:1px;background:var(--primary)}.auth-content h2{margin:0;color:var(--ink);font:500 clamp(35px,3.1vw,48px)/1.12 DM Sans,sans-serif;letter-spacing:-.045em}.auth-content>p{margin:15px 0 42px;color:var(--muted);font-size:14px;line-height:1.65}.hp-auth-page .form-error{margin:-8px 0 -4px;border:1px solid #f1d0cb}.auth-support{display:flex;flex-wrap:wrap;gap:5px;margin-top:28px;color:var(--muted);font-size:12px}.auth-support a{color:var(--primary);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.auth-security{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.auth-security svg{color:var(--primary)}.auth-legal{position:absolute;right:24px;bottom:20px;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}@media (max-width:1100px){.hp-auth-card{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.hp-auth-card{display:block;min-height:100svh;border:0;border-radius:0}.hp-auth-page{padding:0}.login-visual-panel{display:none}.login-auth-panel{min-height:100svh;padding:26px 24px 24px;border:0;border-radius:0;background:var(--canvas)}.login-mobile-brand{align-self:flex-start;display:grid;grid-gap:3px;gap:3px;margin-top:10px;color:var(--primary)}.auth-content{padding:55px 0 46px}.auth-legal{position:static;margin-top:12px}}