.hp-account-button{flex:0 0 calc(40px / var(--page-scale,1));display:inline-flex;align-items:center;justify-content:center;width:calc(40px / var(--page-scale,1));height:calc(40px / var(--page-scale,1));padding:0;border:1px solid #41464e;border-radius:50%;background:linear-gradient(145deg,#24272c,#15171b);color:#c9cdd4;box-shadow:inset 0 1px 0 #ffffff08;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}
.hp-account-button svg{width:calc(21px / var(--page-scale,1));height:calc(21px / var(--page-scale,1));stroke-width:1.5;pointer-events:none}
.hp-account-button:hover{border-color:#7c838e;background:#2b2f35;color:#eef0f4;box-shadow:0 0 14px #ffffff09}
.hp-account-button:focus-visible{outline:2px solid #d7dce4;outline-offset:4px}
@media(max-width:700px){.hp-account-button{flex-basis:44px;width:44px;height:44px}}
@media(min-width:701px) and (max-width:980px) and (pointer:fine){.landing .header{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand account language" "navigation navigation navigation"}.header .hp-account-button{grid-area:account}}
/* Compact phone account icon within the existing 980px layout viewport. */
@media(min-width:701px) and (max-width:980px) and (pointer:coarse){.hp-account-button{flex-basis:6vw;width:6vw;height:6vw}.hp-account-button svg{width:3vw;height:3vw}}
@media(max-width:980px) and (pointer:coarse){.landing .header nav,.landing .header nav.is-open{margin-left:12px;flex-wrap:wrap;justify-content:flex-end;column-gap:12px;row-gap:8px}}
@media(prefers-reduced-motion:reduce){.hp-account-button{transition:none}}
.hp-auth-dialog{box-sizing:border-box;width:min(92vw,480px);max-height:90vh;overflow:auto;padding:28px;border:1px solid #34383d;border-radius:18px;background:#101214;color:#e6e7ec;box-shadow:0 24px 90px #0009;font-family:Arial,Helvetica,sans-serif}
.hp-auth-dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}
.hp-auth-close{float:right;border:0;background:transparent;color:#cdd1d6;font-size:28px;cursor:pointer}
.hp-auth{font:15px/1.55 Arial,Helvetica,sans-serif;text-align:left;color:#e6e7ec}
.hp-auth h2{font-size:26px;margin:16px 0}.hp-auth h3{font-size:18px;margin-top:26px}
.hp-auth button,.hp-auth a{box-sizing:border-box;display:inline-block;padding:11px 17px;margin:7px 8px 7px 0;border:1px solid #434a50;border-radius:9px;background:#1d2226;color:#e6e7ec;font:inherit;text-decoration:none;cursor:pointer}
.hp-auth button:hover,.hp-auth a:hover{border-color:#8ed9a5}.hp-auth button:disabled{opacity:.5;cursor:wait}
.hp-auth input{display:block;box-sizing:border-box;width:100%;margin:6px 0 14px;padding:12px;border:1px solid #434a50;border-radius:8px;background:#0a0c0e;color:#fff;font:inherit}
.hp-auth label{display:block;margin-top:15px}.hp-auth [hidden]{display:none!important}
.hp-auth label.hp-auth-age{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer}.hp-auth input[data-age-confirmation],.hp-auth input[data-privacy-confirmation]{display:inline-block;flex:0 0 22px;width:22px;height:22px;margin:0;padding:0;accent-color:#b8c2d0}.hp-auth .hp-auth-legal a{padding:0;text-decoration:underline;text-underline-offset:3px}
.hp-deletion-settings{margin:24px 0;border-top:1px solid #3c424a;padding-top:18px}.hp-deletion-settings summary{cursor:pointer;min-height:44px;display:list-item}.hp-deletion{border:1px solid #41464d;border-radius:12px;padding:16px;margin-top:12px}.hp-deletion p{overflow-wrap:anywhere}.hp-deletion [data-delete-account]{border-color:#8c6c6c}.hp-deletion button{min-height:44px}.hp-deletion :focus-visible,.hp-deletion-settings summary:focus-visible{outline:2px solid #cad3df;outline-offset:3px}
.hp-auth :focus-visible{outline:2px solid #8ed9a5;outline-offset:3px}
.hp-auth dd{margin:0 0 14px;overflow-wrap:anywhere}.hp-auth dt,.hp-auth-muted{color:#aeb7bf}
.hp-auth-status{color:#8ed9a5;min-height:1.5em}.hp-auth-status[data-state="error"]{color:#ffb6b6}.hp-auth-status[data-state="loading"]{color:#c4cbd1}.hp-auth-languages{display:flex;gap:6px}.hp-auth-languages button{padding:5px 10px;font-size:12px}
.hp-auth-captcha{margin:12px 0;min-height:65px}.hp-auth-page{margin:0;background:#090a0b;min-height:100vh}
.hp-auth-page main{max-width:480px;margin:40px auto;padding:24px}.hp-auth-page>header{padding:20px;text-align:center}.hp-auth-page>header a{color:#e6e7ec;text-decoration:none;letter-spacing:.16em;font:600 16px Arial}
/* The existing landing uses a 980px viewport even on phones. Compensate only
   inside the new modal; standalone auth pages use device-width normally. */
@media(max-width:980px) and (pointer:coarse){.hp-auth-dialog{width:88vw;max-width:860px;padding:32px}.hp-auth-dialog .hp-auth{font-size:4.2vw}.hp-auth-dialog .hp-auth h2{font-size:5.5vw}.hp-auth-dialog .hp-auth h3{font-size:4.8vw}.hp-auth-dialog .hp-auth button,.hp-auth-dialog .hp-auth a{padding:22px 26px}.hp-auth-dialog .hp-auth-languages button{font-size:3.8vw}.hp-auth-dialog .hp-auth input{padding:24px}.hp-auth-dialog .hp-auth-captcha{zoom:2}.hp-auth-close{font-size:64px}}
@media(prefers-reduced-motion:reduce){.hp-auth *{scroll-behavior:auto}}
.hp-auth-tabs{display:flex;gap:8px;border-bottom:1px solid #343a40;padding-bottom:12px}.hp-auth-tabs button{flex:1;margin-right:0}.hp-auth-tabs [aria-current="page"]{background:#30373e;border-color:#a5afb9}.hp-password-field{position:relative}.hp-password-field button{font-size:13px;margin-top:-6px;min-height:44px}.hp-password-auth button{min-height:44px}.hp-password-auth form>button[type="submit"]{width:100%;background:#c4cbd1;color:#11161a;font-weight:600}.hp-password-auth input{min-width:0}.hp-password-auth [aria-busy="true"]{opacity:.8}@media(max-width:480px){.hp-auth-page main{margin:12px auto;padding:18px}.hp-auth-tabs{flex-wrap:wrap}.hp-auth-tabs button{min-width:120px}.hp-password-auth{overflow-wrap:anywhere}}@media print{.hp-auth input[type="password"],.hp-password-field{display:none}}

.hp-password-settings{border-top:1px solid #3c424a;margin:24px 0;padding-top:16px}.hp-password-settings summary{cursor:pointer;min-height:44px;line-height:1.5;padding:10px 0}.hp-password-settings section{padding:8px 0}.hp-password-settings button{min-height:44px;max-width:100%;white-space:normal}.hp-password-settings [hidden]{display:none}@media(max-width:480px){.hp-password-settings button{width:100%;margin-right:0}}@media print{.hp-mfa,.hp-password-auth{display:none}}

.hp-auth-status[data-state="warning"]{color:#f1d494}

/* Native MFA controls; setup material is transient and excluded from print. */
.hp-mfa{border:1px solid #343a40;border-radius:14px;padding:20px;margin:24px 0;min-width:0}.hp-mfa h3{margin-top:0}.hp-mfa form{display:grid;gap:12px}.hp-mfa select{width:100%;min-height:44px;padding:10px;color:inherit;background:#1c2024;border:1px solid #4a5058;border-radius:8px}.hp-mfa button,.hp-mfa input{min-height:44px}.hp-mfa-qr{display:block;width:min(100%,240px);height:auto;background:#fff;padding:12px;border-radius:10px;margin:16px auto}.hp-mfa-factor{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;overflow-wrap:anywhere}.hp-mfa [role=note]{padding:12px;border:1px solid #66604a;border-radius:8px}.hp-mfa label{display:flex;gap:10px;align-items:center}.hp-mfa input[type=checkbox]{width:auto;flex:none}@media(max-width:480px){.hp-mfa{padding:14px}.hp-mfa-factor button{width:100%}}@media print{.hp-mfa{display:none}}

/* Registration presentation matched to Test/06.png; no landing layout changes. */
.hp-auth-dialog{overscroll-behavior:contain;touch-action:pan-y;scroll-behavior:auto}
.hp-auth-dialog{position:fixed;width:min(calc(100vw - 32px),708px);max-height:calc(100dvh - 40px);padding:78px 42px 26px;border:1px solid #536170;border-radius:26px;background:radial-gradient(ellipse at 90% 0%,#30394266,transparent 48%),linear-gradient(145deg,#11171cd9,#090c0feb 55%,#151b20ed);box-shadow:inset 0 0 18px #c4d9ee0b,0 28px 100px #000a;scrollbar-width:thin;scrollbar-color:#46525d transparent}
.hp-auth-dialog::backdrop{background:#030609a8;backdrop-filter:blur(9px)}
.hp-auth-close{position:absolute;float:none;right:27px;top:24px;display:grid;place-items:center;width:36px;height:36px;margin:0;padding:0;font-size:38px;line-height:1;color:#b5c4d6;border-radius:6px}
.hp-auth-close:hover{color:#fff;background:#ffffff09}
.hp-auth{font:20px/1.45 Arial,Helvetica,sans-serif;color:#edf1f8}
.hp-auth>h2{font-size:38px;line-height:1.2;font-weight:700;letter-spacing:-.5px;text-align:center;margin:0 0 18px}
.hp-auth-review-intro{text-align:center;color:#bac8d9;line-height:1.45;margin:0 8px 26px;overflow-wrap:normal}
.hp-auth>.hp-auth-status:empty,.hp-password-auth>.hp-auth-status:empty{display:none}
.hp-auth button,.hp-auth a{margin:0;border-radius:12px;border-color:#445565;background:linear-gradient(145deg,#242d35b3,#12191ed9);color:inherit}
.hp-auth button{transition:background .16s,border-color .16s,box-shadow .16s}
.hp-auth button:hover,.hp-auth a:hover{border-color:#9bacbf}
.hp-auth button:disabled{opacity:1;cursor:not-allowed;color:#8e9aaa}
.hp-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid #465362}
.hp-auth-tabs button{min-width:0;min-height:64px;padding:12px 16px;background:linear-gradient(140deg,#252f39c9,#11191fe0)}
.hp-auth-tabs [aria-current="page"]{border-color:#bed6ee;background:linear-gradient(140deg,#4b5b6dba,#354351b8);box-shadow:inset 0 0 0 1px #d3e6fa2b;font-weight:600}
.hp-password-auth [data-google-login]{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;min-height:70px;font-weight:600;background:linear-gradient(140deg,#2b343dc9,#212931a8);border-color:#35434f}
.hp-auth-icon{display:inline-flex;flex:none;width:26px;height:26px;align-items:center;justify-content:center;color:#b1c3d9}
.hp-auth-icon svg{display:block;width:100%;height:100%}
.hp-auth-icon-google{width:32px;height:32px}
.hp-password-auth #hp-google-state{text-align:center;font-size:18px;color:#b8c6d7;margin:12px 0 18px}
.hp-auth-divider{display:flex;align-items:center;gap:18px;margin:16px 0 12px;font-size:17px;color:#7b8fa5}
.hp-auth-divider::before,.hp-auth-divider::after{content:"";height:1px;background:#44515d;flex:1}
.hp-password-auth label{margin:0 0 18px;line-height:1.4}
.hp-input-shell{position:relative;display:flex;align-items:center;margin-top:9px}
.hp-input-shell>.hp-auth-icon{position:absolute;left:17px;pointer-events:none;z-index:1}
.hp-auth .hp-input-shell input{width:100%;min-width:0;min-height:62px;padding:14px 52px 14px 68px;margin:0;border:1px solid #8194a9;border-radius:12px;background:linear-gradient(135deg,#090e14cc,#060a0de8);color:#e6edf7;box-shadow:inset 0 0 0 1px #c7d8ef0a}
.hp-auth input:disabled{-webkit-text-fill-color:#d9e2ef;opacity:1}
.hp-auth input::placeholder{color:#93a6be;-webkit-text-fill-color:#93a6be;opacity:1}
.hp-password-field{margin:0}
.hp-auth .hp-password-field .hp-password-reveal{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;min-height:44px;height:44px;padding:7px;margin:0;border:0;background:transparent;box-shadow:none}
.hp-password-reveal:hover{color:#fff}
.hp-password-reveal[aria-pressed="true"]{color:#fff;background:#ffffff0a!important}
.hp-password-auth form>.hp-auth-muted{font-size:18px;color:#aebed2;margin:-6px 0 20px}
.hp-auth label.hp-auth-age{gap:16px;min-height:44px;margin:20px 0;font-size:20px}
.hp-auth input[data-age-confirmation]{width:32px;height:32px;flex-basis:32px;accent-color:#a9bdd5;appearance:none;border:1px solid #7c90a7;border-radius:6px;background:#202a33;padding:0}
.hp-auth input[data-age-confirmation]:checked{appearance:auto}
.hp-auth-captcha{margin:18px 0 20px;min-height:0}
.hp-auth-review-notice{display:flex;align-items:flex-start;gap:20px;padding:16px 24px;border:1px solid #293947;border-radius:13px;background:linear-gradient(120deg,#1e2730a6,#121b22ad);color:#c4d4e7;line-height:1.5}
.hp-auth-review-notice::before{content:'ⓘ';font-size:32px;line-height:1.2;color:#e1eaf6}
.hp-password-auth form>button[type="submit"]{min-height:68px;padding:14px 20px;border:1px solid #edf4ff;background:linear-gradient(125deg,#f0f4f9,#d8e1ed);color:#080e16;font-weight:700;font-size:23px}
.hp-password-auth form>button[type="submit"]:disabled{color:#080e16;opacity:1}
.hp-auth-alternatives{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 24px;border-top:1px solid #465362;padding-top:16px}
.hp-auth-options-help{grid-column:1/-1;text-align:center;color:#b4c3d7;font-size:18px;line-height:1.4;margin:0 10px}
.hp-auth-alternatives button{min-height:62px;padding:12px 14px;font-size:18px;line-height:1.3}
.hp-auth .hp-auth-forgot{display:block;margin:-6px 0 12px auto;padding:0;border:0;background:none;min-height:32px;font-size:17px;text-decoration:underline;text-underline-offset:4px;color:#b6c9e0}
.hp-auth .hp-auth-legal{display:flex;justify-content:center;gap:18px;align-items:center;flex-wrap:wrap;margin:20px 0 0;font-size:16px;color:#ced9e9}
.hp-auth .hp-auth-legal a{margin:0;padding:0;border:0;border-radius:0;background:none;font-size:inherit;text-decoration:underline;text-underline-offset:4px}
.hp-auth-page main{box-sizing:border-box;max-width:708px;padding:32px 42px}
@media(max-width:600px){.hp-auth-dialog{padding:62px 22px 24px;border-radius:20px}.hp-auth{font-size:16px}.hp-auth>h2{font-size:28px}.hp-auth-tabs button{min-height:52px}.hp-password-auth [data-google-login]{min-height:58px;gap:14px}.hp-password-auth #hp-google-state,.hp-password-auth form>.hp-auth-muted,.hp-auth-options-help{font-size:14px}.hp-auth label.hp-auth-age{font-size:16px;gap:12px}.hp-auth-review-notice{padding:14px;gap:12px}.hp-auth-alternatives{gap:10px}.hp-auth-alternatives button{font-size:14px;padding:10px;min-height:54px}.hp-auth .hp-input-shell input{padding-left:52px;font-size:16px;min-height:56px}.hp-input-shell>.hp-auth-icon{left:14px;width:23px}.hp-password-auth form>button[type="submit"]{font-size:19px;min-height:56px}.hp-auth .hp-auth-legal{font-size:13px;gap:12px}.hp-auth-page main{padding:24px 20px}}
@media(max-width:980px) and (pointer:coarse){.hp-auth-dialog{width:88vw;max-width:860px;padding:9vw 4.5vw 4vw;border-radius:3vw}.hp-auth-dialog .hp-auth{font-size:4.2vw}.hp-auth-dialog .hp-auth>h2{font-size:5.7vw}.hp-auth-close{top:2vw;right:2.5vw;font-size:7vw;width:8vw;height:8vw}.hp-auth-dialog .hp-auth-tabs button{min-height:12vw;padding:2vw}.hp-auth-dialog .hp-auth-icon{width:5vw;height:5vw}.hp-auth-dialog .hp-auth-icon-google{width:6vw;height:6vw}.hp-auth-dialog .hp-input-shell>.hp-auth-icon{left:3vw}.hp-auth-dialog .hp-input-shell input{min-height:12vw;font-size:4vw;padding:2.4vw 11vw 2.4vw 11vw}.hp-auth-dialog .hp-password-reveal{right:1.5vw;width:9vw;height:9vw;padding:2vw}.hp-auth-dialog .hp-password-auth [data-google-login]{min-height:12vw;gap:4vw}.hp-auth-dialog #hp-google-state,.hp-auth-dialog form>.hp-auth-muted,.hp-auth-dialog .hp-auth-options-help{font-size:3.6vw}.hp-auth-dialog .hp-auth-age{font-size:4vw}.hp-auth-dialog input[data-age-confirmation]{width:6vw;height:6vw;flex-basis:6vw}.hp-auth-dialog .hp-auth-review-notice{font-size:3.8vw;padding:3vw;gap:3vw}.hp-auth-dialog .hp-auth-review-notice::before{font-size:6vw}.hp-auth-dialog form>button[type="submit"]{min-height:12vw;font-size:4.5vw;padding:2.4vw}.hp-auth-dialog .hp-auth-alternatives button{min-height:12vw;font-size:3.6vw;padding:2vw}.hp-auth-dialog .hp-auth-legal{font-size:3.2vw}.hp-auth-dialog .hp-auth-captcha{zoom:1}}

.hp-early-access{margin:26px 0;padding:20px;border:1px solid #41464e;border-radius:18px;background:linear-gradient(145deg,#202328,#15171b);color:#d7dbe2}.hp-early-access h3{margin:0 0 14px;font-size:20px;color:#f0f1f4}.hp-early-access h4{margin:0 0 9px;font-size:17px;color:#e8eaf0}.hp-early-access p{line-height:1.45}.hp-early-access-card{padding:15px 0;border-top:1px solid #383e47}.hp-early-access-card button,.hp-early-access>button,.hp-early-access-confirm button{min-height:42px;margin:12px 10px 0 0;padding:8px 16px;border:1px solid #7c838e;border-radius:10px;background:#2c3036;color:#edf0f4}.hp-early-access button:disabled{opacity:.55;cursor:not-allowed}.hp-early-access select{width:100%;min-height:44px;margin:8px 0 12px;padding:8px 12px;border:1px solid #707680;border-radius:10px;background:#1b1e22;color:#edf0f4;font:inherit}.hp-early-access-status{display:inline-block;margin:14px 0;padding:7px 12px;border:1px solid #626b77;border-radius:999px;background:#2b3037}.hp-early-access-orders{padding-left:20px}.hp-early-access-orders li{margin:10px 0}.hp-early-access-orders small{display:block;color:#aeb9c7}.hp-early-access-confirm{margin-top:14px;padding:14px;border:1px solid #777f8b;border-radius:12px;background:#171a1e}.hp-early-access-confirm[hidden]{display:none}@media(max-width:600px){.hp-early-access{padding:16px;margin:20px 0}.hp-early-access-card button,.hp-early-access>button,.hp-early-access-confirm button{width:100%;min-height:48px;margin:10px 0 0}.hp-early-access select{font-size:16px}}

/* Registration layout: Test/08.png with the account type selector from Test/09.png. */
.hp-auth-dialog:has([data-auth-screen="create"][data-auth-phase="start"]){width:min(calc(100vw - 32px),764px);padding:66px 66px 42px;border:1px solid #a1a4aa;border-radius:32px;background:radial-gradient(ellipse at 15% 0,#c3c9d515,transparent 45%),radial-gradient(ellipse at 90% 90%,#0004,transparent 65%),linear-gradient(125deg,#202326ee,#111315f5 60%,#191b1ef5);box-shadow:inset 0 1px 1px #ffffff17,0 24px 100px #0009}
.hp-auth:has([data-auth-screen="create"][data-auth-phase="start"])>h2{display:none}
.hp-auth:has([data-auth-screen="create"][data-auth-phase="start"]){display:flex;flex-direction:column}
.hp-auth:has([data-auth-screen="create"][data-auth-phase="start"])>.hp-auth-status:empty{display:none}
.hp-auth:has([data-auth-screen="create"][data-auth-phase="start"]) .hp-auth-review-intro{order:2;margin:18px 0 0;font-size:13px;line-height:1.45;color:#9ca3ad}
.hp-auth:has([data-auth-screen="create"][data-auth-phase="start"])>div{display:flex;flex-direction:column;min-width:0}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"]{color:#e6e8ed;font-size:19px}
.hp-account-types{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;border:0;min-width:0}
.hp-account-types legend{padding:0;margin:0 0 14px;font-size:14px;line-height:1.3;letter-spacing:.12em;color:#b9bec7}
.hp-auth .hp-account-type{position:relative;display:flex;align-items:center;gap:16px;min-width:0;min-height:88px;margin:0;padding:17px 36px 17px 18px;border:1px solid #51565c;border-radius:8px;background:linear-gradient(130deg,#ffffff03,transparent);cursor:pointer}
.hp-auth .hp-account-type:has(input:checked){border-color:#d0d4db;box-shadow:inset 0 0 0 2px #ffffff0e;background:linear-gradient(135deg,#ffffff09,#ffffff03)}
.hp-auth .hp-account-type input{position:absolute;right:14px;top:18px;display:block;width:21px;height:21px;min-height:0;padding:0;margin:0;accent-color:#e5e8ed;cursor:pointer}
.hp-account-type>.hp-auth-icon{width:32px;height:32px;color:#d6dbe3}
.hp-account-type-copy{display:grid;gap:6px;min-width:0}
.hp-account-type-copy strong{font-size:15px;line-height:1.3;font-weight:600}
.hp-account-type-copy small{font-size:13px;line-height:1.35;color:#939aa5}
.hp-registration-intro{margin:30px 0 34px;color:#b0b4bd;font-size:22px;line-height:1.45}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] form>label,.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] .hp-password-field>label{margin:0 0 27px;font-size:18px;line-height:1.4}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] .hp-input-shell{margin-top:10px}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] .hp-input-shell input{min-height:74px;padding:18px 58px 18px 78px;border:1px solid #83878f;border-radius:13px;background:linear-gradient(120deg,#11141688,#20232644);box-shadow:inset 0 0 0 2px #ffffff05;font-size:20px}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] input::placeholder{color:#818790;-webkit-text-fill-color:#818790}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] .hp-input-shell>.hp-auth-icon{left:24px;width:27px;height:27px;color:#aeb5c0}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] .hp-password-reveal{right:16px;color:#aeb5c0}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] .hp-password-reveal[aria-pressed="false"]::after{content:"";position:absolute;left:9px;right:9px;top:50%;height:1px;background:currentColor;transform:rotate(-43deg)}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] form>.hp-registration-password-hint{font-size:13px;line-height:1.4;margin:-14px 0 16px;color:#969eaa}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] form>label.hp-auth-age{gap:13px;margin:12px 0;font-size:15px;color:#bac0c9}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] form>label.hp-registration-consent{margin:17px 0 24px;font-size:17px;color:#d3d6dc}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] input:is([data-age-confirmation],[data-privacy-confirmation]){appearance:auto;flex:0 0 27px;width:27px;height:27px;margin:0;padding:0;accent-color:#bfc6d0;border-radius:5px}
.hp-auth .hp-registration-consent a{display:inline;padding:0;border:0;background:none;border-radius:0;text-decoration:underline;text-underline-offset:4px;font:inherit}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] form>button[type="submit"]{position:relative;min-height:80px;margin-top:12px;padding:18px 60px;border:1px solid #f2f3f6;border-radius:14px;background:linear-gradient(125deg,#e6e8ec,#b7bdc8);box-shadow:inset 0 0 0 2px #ffffff18;color:#101315;font-size:23px;font-weight:600}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] form>button[type="submit"]>.hp-auth-icon{position:absolute;right:26px;top:50%;transform:translateY(-50%);color:inherit}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] .hp-auth-divider{margin:25px 0;font-size:15px;gap:25px;color:#a4aab4}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] .hp-auth-divider::before,.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] .hp-auth-divider::after{background:#555a62}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] [data-google-login]{min-height:78px;gap:28px;border:1px solid #b4b9c2;border-radius:13px;background:linear-gradient(135deg,#ffffff03,transparent);font-size:22px;font-weight:400}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] .hp-auth-icon-google svg{filter:grayscale(1)}
.hp-registration-footer{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin:38px 0 0;padding-top:25px;border-top:1px solid #555a62;font-size:16px;color:#b2b8c2}
.hp-auth .hp-registration-footer button{padding:0;min-height:32px;border:0;border-radius:0;background:none;font-size:inherit;text-decoration:underline;text-underline-offset:5px}
.hp-registration-footer button+button{padding-left:20px;border-left:1px solid #656b74}
.hp-registration-other{margin:20px 0 0;color:#a7aeb9;font-size:13px}
.hp-registration-other summary{cursor:pointer;min-height:28px;text-align:center}
.hp-registration-other .hp-auth-alternatives{margin-top:10px}
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"]>.hp-auth-legal{display:none}
.hp-auth-page main:has([data-auth-screen="create"][data-auth-phase="start"]){max-width:764px}
@media(max-width:600px){.hp-auth-dialog:has([data-auth-screen="create"][data-auth-phase="start"]){padding:62px 24px 28px;border-radius:24px}.hp-account-types{gap:9px}.hp-auth .hp-account-type{padding:14px 26px 14px 10px;gap:8px;min-height:80px}.hp-account-type>.hp-auth-icon{width:23px;height:23px}.hp-account-type-copy strong{font-size:12px}.hp-account-type-copy small{font-size:11px}.hp-auth .hp-account-type input{width:16px;height:16px;right:8px;top:12px}.hp-registration-intro{font-size:17px;margin:24px 0 28px}.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] .hp-input-shell input{min-height:60px;padding-left:55px;font-size:16px}.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] .hp-input-shell>.hp-auth-icon{left:17px;width:22px;height:22px}.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] form>label.hp-registration-consent{font-size:14px}.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] form>button[type="submit"],.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] [data-google-login]{min-height:64px;font-size:18px}.hp-registration-footer{font-size:13px;gap:10px}.hp-registration-footer button+button{padding-left:12px}}
@media(max-width:980px) and (pointer:coarse){.hp-auth-dialog:has([data-auth-screen="create"][data-auth-phase="start"]){width:92vw;max-width:900px;padding:10vw 6vw 5vw}.hp-auth-dialog .hp-account-types{gap:2vw}.hp-auth-dialog .hp-account-types legend{font-size:3vw;margin-bottom:2vw}.hp-auth-dialog .hp-account-type{min-height:15vw;padding:3vw 6vw 3vw 2vw;gap:2vw}.hp-auth-dialog .hp-account-type-copy strong{font-size:3.2vw}.hp-auth-dialog .hp-account-type-copy small{font-size:2.8vw}.hp-auth-dialog .hp-account-type>.hp-auth-icon{width:6vw;height:6vw}.hp-auth-dialog .hp-account-type input{width:4vw;height:4vw;top:3vw;right:1.5vw}.hp-auth-dialog .hp-registration-intro{font-size:4.2vw;margin:5vw 0 6vw}.hp-auth-dialog .hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] form>label,.hp-auth-dialog .hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] .hp-password-field>label{font-size:3.8vw;margin-bottom:5vw}.hp-auth-dialog .hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] .hp-input-shell input{min-height:14vw;font-size:4vw;padding:3vw 12vw}.hp-auth-dialog .hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] .hp-input-shell>.hp-auth-icon{left:4vw;width:5vw;height:5vw}.hp-auth-dialog .hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] form>label.hp-auth-age{font-size:3.2vw;margin:2vw 0}.hp-auth-dialog .hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] form>label.hp-registration-consent{font-size:3.4vw;margin:3vw 0 4vw}.hp-auth-dialog .hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] form>.hp-registration-password-hint{font-size:2.8vw}.hp-auth-dialog .hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] input:is([data-age-confirmation],[data-privacy-confirmation]){width:5vw;height:5vw;flex-basis:5vw}.hp-auth-dialog .hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] form>button[type="submit"],.hp-auth-dialog .hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] [data-google-login]{min-height:14vw;font-size:4.5vw}.hp-auth-dialog .hp-registration-footer{font-size:3.2vw;gap:2vw}.hp-auth-dialog .hp-registration-other{font-size:3vw}.hp-auth-dialog .hp-auth-review-intro{font-size:2.8vw}}

/* Google and supporter amount share the registration field proportions. */
.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] [data-google-login]{box-sizing:border-box;width:100%;height:74px;min-height:74px;flex:none}
.hp-supporter-amount-panel{margin:0 0 28px}
.hp-supporter-amount-panel[hidden]{display:none!important}
.hp-auth .hp-supporter-amount-panel>label{display:block;margin:0;font-size:18px;line-height:1.4}
.hp-password-auth[data-supporter-locked="true"] form input,.hp-password-auth[data-supporter-locked="true"] form button,.hp-password-auth[data-supporter-locked="true"] [data-google-login]{cursor:not-allowed;opacity:.5}
@media(max-width:600px){.hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] [data-google-login]{height:60px;min-height:60px}.hp-auth .hp-supporter-amount-panel>label{font-size:18px}}
@media(max-width:980px) and (pointer:coarse){.hp-auth-dialog .hp-password-auth[data-auth-screen="create"][data-auth-phase="start"] [data-google-login]{height:14vw;min-height:14vw}.hp-auth-dialog .hp-supporter-amount-panel{margin-bottom:5vw}.hp-auth-dialog .hp-supporter-amount-panel>label{font-size:3.8vw}}

/* Align password visibility controls to the input, on desktop and phones. */
.hp-auth .hp-password-field .hp-input-shell>.hp-password-reveal{top:0;bottom:0;margin-block:auto;transform:none;display:flex;align-items:center;justify-content:center;line-height:1}
.hp-auth .hp-password-field .hp-password-reveal>.hp-auth-icon{position:static;display:flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;line-height:1;pointer-events:none}
.hp-auth .hp-password-field .hp-password-reveal>.hp-auth-icon svg{display:block;width:100%;height:100%}
.hp-supporter-amount-panel .hp-auth-icon-amount{font-size:26px;font-weight:500;line-height:1}
@media(max-width:980px) and (pointer:coarse){.hp-auth-dialog .hp-password-field .hp-password-reveal>.hp-auth-icon{width:5vw;height:5vw}.hp-auth-dialog .hp-supporter-amount-panel .hp-auth-icon-amount{font-size:5vw}}
.hp-password-auth[data-free-auth-v1="true"] .hp-account-types{grid-template-columns:1fr}