.social-card{max-width:440px;margin:48px auto;padding:28px;background:#fff;border:1px solid #e0e5ed;border-radius:20px;font:16px/1.5 system-ui,sans-serif;color:#16223a}body:has(.social-card){margin:0;padding:16px;background:#f5f7fb}.social-card h1{font-size:28px}.social-card label{display:block;margin-top:16px}.social-card input:not([type=checkbox]),.social-card select{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid #a5afbf;border-radius:8px}.social-card button{margin-top:20px;width:100%;padding:14px;background:#16223a;color:#fff;border:0;border-radius:8px;font:inherit;cursor:pointer}.social-card .social-terms{display:flex;align-items:flex-start;gap:8px}.social-card [role=alert]{padding:12px;background:#fff1ef;color:#9b231b}.social-providers{display:grid;gap:10px;margin:16px 0}.social-provider{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid #747775;border-radius:6px;background:#fff;color:#1f1f1f;text-decoration:none;font:500 15px/1.4 system-ui,sans-serif}.social-provider-apple{background:#000;color:#fff;border-color:#000}.social-provider:focus-visible{outline:3px solid #4285f4;outline-offset:3px}.social-provider svg{flex-shrink:0}.social-divider{text-align:center;font:14px system-ui,sans-serif;color:#5f6368;margin:12px 0}
.social-note{font:13px/1.5 system-ui,sans-serif;color:#52616b;margin:12px 0 18px}