/* Bounded Account composition: artwork and authentication share one calm canvas. */
.p2x-product[data-orbit-surface=auth]{background:#FFF3F5;overflow-x:clip}
.account-shell{position:relative;isolation:isolate;max-width:1180px;margin:auto;min-height:100dvh;padding:32px 40px 48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);grid-template-rows:auto 1fr;align-items:center;gap:32px 72px}
.account-shell>.p2x-wordmark{grid-column:1/-1;width:max-content;align-self:start}.account-art{position:relative;align-self:center;min-width:0}.account-art h2{font-size:clamp(36px,4vw,54px);line-height:1.12;margin:20px 0 24px;max-width:500px}.account-art h2 span{color:var(--p2x-blue)}.account-art .orbit-graphic{position:relative;width:100%;max-width:470px;margin:0 auto;opacity:.9}.account-content{position:relative;z-index:2;align-self:center;min-width:0}.account-card{background:#FFF;border:1px solid var(--p2x-line);border-radius:20px;padding:32px;box-shadow:var(--p2x-shadow)}.eyebrow{font:600 11px var(--p2x-font);letter-spacing:.14em;color:var(--p2x-muted)}.account-card h1{font-size:28px;line-height:1.25;margin:16px 0}.account-card :is(#intro,.hint,.footer){color:var(--p2x-muted);font-size:14px}.providers{display:grid;gap:8px;margin-top:24px}.account-card button,.account-card a.button{width:100%;margin:6px 0;min-height:46px}.account-card a.button{display:block;padding:12px;text-align:center;text-decoration:none;border:1px solid var(--p2x-line);border-radius:var(--p2x-small-radius)}.account-card label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}.account-card input{width:100%}.divider{display:flex;align-items:center;gap:14px;color:var(--p2x-muted);font:12px var(--p2x-font);margin:24px 0}.divider:before,.divider:after{content:'';height:1px;background:var(--p2x-line);flex:1}.account-card .text-button{border:0;background:transparent;color:var(--p2x-accent);font-size:13px}.footer{text-align:center;margin-top:20px;color:var(--p2x-muted);font-size:12px}#error{color:var(--p2x-error);font-size:14px}#message{color:#126A45;font-size:14px}
@media(max-width:900px){.account-shell{gap:28px;padding:28px 24px;grid-template-columns:minmax(0,1fr) 390px}.account-art h2{font-size:38px}.account-card{padding:28px}}
@media(max-width:700px){.account-shell{max-width:500px;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;gap:20px;padding:20px;min-height:100dvh}.account-shell>.p2x-wordmark{grid-column:1;z-index:2}.account-art{height:70px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.account-art>p{max-width:180px;font-size:11px}.account-art>h2{display:none}.account-art .orbit-graphic{position:relative;width:92px;height:92px;margin:0;flex-shrink:0;opacity:.8}.account-content{align-self:start}.account-card{padding:24px;border-radius:16px}.account-card h1{font-size:25px}.footer{margin-bottom:12px}}
