.social-signin-shell{margin:0;width:100%;max-width:none;min-height:100dvh;padding:48px 24px;display:grid;place-items:center;background:var(--its-background);font-family:var(--its-font);color:var(--its-text)}
.social-signin{width:min(1160px,100%);display:grid;grid-template-columns:1.2fr 1fr;background:var(--its-surface);border:1px solid var(--its-border);border-radius:12px;overflow:hidden;box-shadow:0 20px 64px #202a3310}
.social-signin h1,.social-signin h2,.social-signin p,.social-signin button{font-family:var(--its-font);font-synthesis:none}
.social-signin .signin-story{background:var(--its-background);color:var(--its-text);padding:48px;display:flex;flex-direction:column;min-height:720px}
.social-signin .signin-logo{width:260px;max-width:100%;height:auto;margin:8px 0 64px}
.social-signin .eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--its-primary);margin:0 0 20px}
.social-signin h1{font-size:52px;line-height:1.12;letter-spacing:-1.5px;font-weight:700;margin:0 0 24px}
.social-signin h1 span{color:var(--its-accent)}
.social-signin .signin-description{max-width:440px;font-size:16px;line-height:1.75;color:var(--its-text);margin:0}
.social-signin .signin-steps{display:grid;gap:20px;margin:40px 0}
.social-signin .signin-steps>div{display:flex;gap:16px;align-items:center}
.social-signin .signin-steps>div>span{width:36px;height:36px;display:grid;place-items:center;background:var(--its-subtle);border:1px solid var(--its-input-border);border-radius:6px;color:var(--its-accent);font-weight:700;flex-shrink:0}
.social-signin .signin-steps p{font-size:14px;line-height:1.5;margin:0}.social-signin .signin-steps small{display:block;font-size:12px;color:var(--its-text-muted);margin-top:4px}
.social-signin .signin-tagline{border-top:1px solid var(--its-border);margin:auto 0 0;padding-top:24px;font-size:12px;color:var(--its-text-muted)}
.social-signin .signin-access{padding:48px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.social-signin .access-heading{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:700;line-height:1.4}.social-signin .access-heading img{object-fit:contain;flex-shrink:0}
.social-signin .access-body{padding:64px 0}.social-signin .access-body .eyebrow{color:var(--its-text-muted);margin-bottom:12px}.social-signin .access-body h2{font-size:32px;line-height:1.2;letter-spacing:-.8px;margin:0 0 24px;font-weight:700}.social-signin .access-body>p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--its-text-muted)}
.social-signin .access-body .primary{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:64px;padding:16px 20px;margin-top:32px;gap:16px;background:var(--its-primary);color:var(--its-on-primary);border:1px solid var(--its-primary);border-radius:6px;font-size:16px;font-weight:700;box-shadow:none}.social-signin .primary:hover:not(:disabled){background:var(--its-primary-hover)}.social-signin button:focus-visible{outline:2px solid var(--its-focus);outline-offset:2px}.social-signin .primary span{font-size:22px}
.social-signin .access-footer{border-top:1px solid var(--its-border);padding-top:24px;font-size:12px;letter-spacing:.1em;color:var(--its-text);margin:0}.social-signin .access-footer span{display:block;letter-spacing:0;color:var(--its-text-muted);margin-top:8px;font-size:12px}.social-signin .signin-message{margin-top:16px;font-size:14px!important}
@media(max-width:1000px){.social-signin .signin-story,.social-signin .signin-access{padding:32px}.social-signin .signin-story{min-height:640px}.social-signin .signin-logo{margin-bottom:48px}.social-signin h1{font-size:44px}.social-signin .access-heading{font-size:18px}}
@media(max-width:700px){.social-signin-shell{padding:24px 16px;align-items:start}.social-signin{grid-template-columns:1fr;border-radius:8px}.social-signin .signin-story{min-height:0;padding:32px}.social-signin .signin-logo{width:240px;margin:0 0 32px}.social-signin h1{font-size:36px;letter-spacing:-1px}.social-signin .signin-description{font-size:14px}.social-signin .signin-steps,.social-signin .signin-tagline{display:none}.social-signin .signin-access{padding:32px}.social-signin .access-heading{display:none}.social-signin .access-body{padding:0 0 32px}.social-signin .access-body h2{font-size:28px}.social-signin .access-footer{padding-top:20px}.social-signin .access-body .primary{font-size:14px;padding:16px;min-height:56px}}