/* Adapted from the archived PortalChoices, GuestLoginPanel, LoginPanel and portal.scss. */
body.portal-legacy{--primary:#fafafa;--secondary:#18181b;background:var(--primary);color:var(--secondary);font-family:Inter,'Noto Sans SC',-apple-system,BlinkMacSystemFont,sans-serif;margin:0}
.portal-legacy .legacy-page{box-sizing:border-box;max-width:1440px;min-height:calc(100svh - 90px);margin:auto;padding:clamp(80px,12vh,140px) clamp(24px,5vw,80px) 64px}
.portal-legacy .legacy-page *{box-sizing:border-box}
.portal-legacy .legacy-page a{color:inherit;text-decoration:none}
.portal-legacy .legacy-page .cloud-ui a.wp-element-button{color:var(--wp--preset--color--base,#fff)}
.portal-legacy .legacy-page .cloud-ui a.wp-element-button:focus-visible{outline-color:var(--secondary)}
.portal-legacy .portal-eyebrow{font-family:'Cascadia Mono','Courier New',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.58;margin:0 0 24px}
.portal-legacy .portal-heading{font-size:clamp(38px,5.4vw,80px);line-height:1.22;font-weight:500;letter-spacing:-.045em;margin:0 0 24px}
.portal-legacy .portal-lead{font-size:clamp(17px,1.5vw,23px);line-height:1.85;opacity:.65;max-width:660px;margin:0}
.portal-legacy .portal-top{display:flex;justify-content:space-between;gap:24px;margin-bottom:50px;font-size:16px}
.portal-legacy .portal-muted{opacity:.6}
.portal-legacy .portal-intro{text-align:center}
.portal-legacy .portal-intro p{margin-left:auto;margin-right:auto}
.portal-legacy .portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.portal-legacy .choices{margin-top:clamp(56px,10vh,120px)}
.portal-legacy .choice{display:flex;flex-direction:column;align-items:flex-start;padding:32px 20px 36px;border-top:1px solid #18181b33;transition:transform .35s,background .35s}
.portal-legacy .choice:hover,.portal-legacy .choice:focus-visible{transform:translateY(-6px);background:#18181b0a}
.portal-legacy .choice--active{grid-column:1/-1;max-width:560px}
.portal-legacy .choice__icon{width:64px;height:64px;margin:18px 0 32px;flex-shrink:0}
.portal-legacy .choice h2{font-size:clamp(24px,2.2vw,32px);font-weight:500;line-height:1.35;margin:0 0 20px}
.portal-legacy .choice p,.portal-legacy .choice small{opacity:.58}
.portal-legacy .choice p{margin:0 0 38px;font-size:16px;line-height:1.8}
.portal-legacy .choice__action{display:flex;justify-content:space-between;gap:12px;width:100%;font-size:20px;margin-top:auto}
.portal-legacy .choice small{margin-top:18px;font-size:14px;line-height:1.6}
.portal-legacy .portal-footer{margin-top:100px;padding-top:24px;border-top:1px solid #18181b26;display:flex;justify-content:space-between;gap:24px;font-family:'Courier New',monospace;font-size:12px;opacity:.6}
.portal-legacy .portal-link{display:inline-flex;gap:24px;align-items:center;padding:12px 0;font-size:18px;border-bottom:1px solid currentColor;transition:gap .25s}
.portal-legacy .portal-link:hover{gap:36px}
.portal-legacy .login-panel{max-width:650px;margin:0 auto}
.portal-legacy .login-panel h1{font-size:clamp(36px,5vw,64px)}
.portal-legacy .steps{display:flex;gap:24px;list-style:none;padding:0;margin:40px 0 24px;font-size:14px;flex-wrap:wrap}
.portal-legacy .steps li{opacity:.45}.portal-legacy .steps .active{opacity:1}
.portal-legacy .notice{padding:18px;border-left:2px solid currentColor;background:#18181b0a;line-height:1.75}
.portal-legacy .notice:empty{display:none}.portal-legacy .notice--error{border-color:#b63f32}
.portal-legacy .login-panel form{margin:28px 0;display:flex;flex-direction:column}
.portal-legacy .login-panel label{margin:18px 0 10px;font-size:16px}
.portal-legacy .login-panel input:not([type=hidden]){width:100%;min-width:0;padding:16px;border:1px solid #18181b40;border-radius:0;background:transparent;color:inherit;caret-color:currentColor;user-select:text;font:inherit;font-size:16px;box-shadow:none}
.portal-legacy .login-panel button{font:inherit;font-size:16px;margin-top:24px;padding:18px;border:0;border-radius:0;background:var(--secondary);color:var(--primary);cursor:pointer}
.portal-legacy .login-panel button:disabled{opacity:.5;cursor:not-allowed}
.portal-legacy .turnstile-block{margin-top:20px}
.portal-legacy .turnstile-block p,.portal-legacy .code-lead{margin:0 0 12px;opacity:.68;font-size:14px;line-height:1.65}
.portal-legacy #portal-human-status{color:#b63f32;margin-top:12px}
.portal-legacy #portal-human-status.is-success{color:#197c42}
.portal-legacy .text-button{display:block;margin:12px 0 24px;text-decoration:underline!important;font-size:16px}
.portal-legacy .legacy-page a:focus-visible,.portal-legacy .legacy-page button:focus-visible,.portal-legacy .legacy-page input:focus-visible{outline:2px solid currentColor;outline-offset:6px}
@media(max-width:760px){.portal-legacy .portal-grid{grid-template-columns:1fr;gap:24px}.portal-legacy .choice{padding:24px 12px}.portal-legacy .choice__icon{width:48px;height:48px;margin:0 0 20px}.portal-legacy .legacy-page{padding-top:64px}.portal-legacy .portal-top{margin-bottom:40px}.portal-legacy .portal-footer{margin-top:64px;flex-wrap:wrap}}
@media(max-width:520px){.portal-legacy .steps{gap:14px}.portal-legacy .login-panel .portal-lead{font-size:17px}}
@media(max-width:359px){.portal-legacy .legacy-page:has(.login-panel){padding-left:10px;padding-right:10px}}
@media(prefers-reduced-motion:reduce){.portal-legacy .legacy-page *{transition:none!important;animation:none!important}.portal-legacy .choice:hover,.portal-legacy .choice:focus-visible{transform:none}}

/* Preserve complete account labels on narrow screens. */
.portal-legacy .choice--active{min-width:0;width:100%}
.portal-legacy .choice--active h2{max-width:100%;overflow-wrap:anywhere}
.portal-site-header .wp-block-navigation-item__label{overflow-wrap:anywhere}

/* Keep native portal links clickable across their cards, including Safari. */
.portal-legacy .cloud-portal-entries .cloud-plan{position:relative}
.portal-legacy .cloud-portal-entries .wp-block-button:first-child a::after{content:"";position:absolute;inset:0;border-radius:18px}
.portal-legacy .cloud-portal-entries .wp-block-button:not(:first-child) a{position:relative;z-index:1}
.portal-legacy .cloud-portal-entries .cloud-plan:focus-within{outline:2px solid currentColor;outline-offset:3px}

.portal-legacy .login-panel .email-countdown{font-size:14px;line-height:1.8;font-variant-numeric:tabular-nums;margin:18px 0 0}
.portal-legacy .login-panel .email-resend{background:transparent;color:inherit;border:1px solid currentColor;margin-top:14px;padding:13px 18px}