@font-face{font-family:SocialLoginInter;src:url('/social/assets/inter-variable-693b77d4f32e.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
.social-login-two-modes{font-family:SocialLoginInter,Inter,system-ui,sans-serif;grid-template-columns:57% 43%}
.social-login-two-modes .social-login-story{background:#241039}
.social-login-two-modes .social-login-story::before,.social-login-two-modes .social-login-story::after{display:none}
.social-story-background{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center}
.social-login-two-modes .social-story-content{padding:clamp(28px,3.3vh,44px) clamp(52px,4.4vw,90px) 20px clamp(28px,2.1vw,44px)}
.social-login-two-modes .social-story-brand{font-size:clamp(19px,1.6vw,29px)}
.social-login-two-modes .social-story-main{margin-top:clamp(42px,5.3vh,76px)}
.social-login-two-modes .social-story-main h2{font-size:clamp(32px,3.55vw,73px);line-height:1;letter-spacing:-.045em;text-wrap:balance}
.social-login-two-modes .social-story-subtitle{max-width:none;font-size:clamp(16px,1.45vw,27px);line-height:1.25;margin-top:17px}
.social-story-visibility{display:flex;align-items:center;gap:clamp(16px,1.5vw,30px);padding:22px clamp(18px,1.8vw,36px);margin-top:16px;border:1px solid #9b73d766;border-radius:24px;background:#7044aa26}
.social-story-google{flex:none;width:clamp(106px,8.8vw,176px);height:auto}
.social-story-maps{display:flex;align-items:center;gap:10px;flex:none;padding-left:clamp(16px,1.5vw,30px);border-left:1px solid #d6b7ff80;font-size:clamp(13px,1.1vw,22px);white-space:nowrap;letter-spacing:-.035em;font-weight:650}
.social-story-maps img{width:28px;height:40px;object-fit:contain}
.social-story-visibility-copy{min-width:0;padding-left:clamp(16px,1.5vw,30px);border-left:1px solid #d6b7ff80}
.social-story-visibility-copy strong{display:block;font-size:clamp(14px,1.2vw,23px);line-height:1.3;font-weight:650;letter-spacing:-.035em}
.social-story-visibility-copy p{margin:7px 0 0;color:#f1e9ff;font-size:clamp(12px,.78vw,16px);line-height:1.45}
.social-story-details{margin-top:24px}
.social-story-mobile-signin{display:none}
.social-story-mode{display:flex;align-items:center;gap:clamp(18px,1.6vw,32px)}
.social-story-mode-icon{display:grid;place-items:center;flex:none;width:clamp(58px,4.8vw,96px);height:clamp(58px,4.8vw,96px);border-radius:20px;font-size:clamp(29px,2.7vw,47px)}
.social-story-mode-form .social-story-mode-icon{color:#096bc1;background:#dcefff}
.social-story-mode-ai .social-story-mode-icon{color:#087a54;background:#ccf9e8}
.social-bi-pencil-square::before{content:"\f4ca"}
.social-bi-chat-dots::before{content:"\f24a"}
.social-story-mode h3{margin:0;color:#fff;font-size:clamp(20px,1.7vw,32px);line-height:1.25;letter-spacing:-.04em;font-weight:700}
.social-story-mode p{margin:6px 0 0;color:#f2eafb;font-size:clamp(14px,1.15vw,22px);line-height:1.45}
.social-story-mode-ai{margin-top:22px;padding-top:22px;border-top:1px solid #b88cdf70}
.social-story-examples{display:grid;gap:16px;list-style:none;padding:0 7%;margin:16px 0 0}
.social-story-examples li{display:flex;align-items:center;gap:clamp(14px,1.5vw,30px);min-width:0}
.social-story-example-speaker{display:flex;align-items:center;gap:12px;flex:0 0 132px;color:#fff;font-size:14px}
.social-story-example-speaker>span{display:grid;place-items:center;flex:none;width:50px;height:50px;border-radius:50%;background:#e0ccff;color:#6026bb;font-size:25px}
.social-story-examples blockquote{flex:0 1 490px;min-width:0;margin:0;padding:14px 26px;border:1px solid #62b0ff;border-radius:22px;background:#fbf9ff;color:#17102f}
.social-story-examples li:nth-child(2) blockquote{max-width:440px;border-color:#73d9b0}
.social-story-examples p{margin:0;font-size:clamp(15px,1.13vw,23px);line-height:1.35;letter-spacing:-.025em}
.social-story-examples-note{margin:23px 0 0;color:#f0e5ff;font-size:clamp(12px,.9vw,17px);line-height:1.5}
.social-story-ai-guide{display:inline-flex;align-items:center;gap:20px;min-height:44px;margin-top:9px;color:#fff;font-size:clamp(13px,1vw,18px);text-decoration:none}
.social-story-ai-guide span{text-decoration:underline;text-underline-offset:5px}
.social-story-ai-guide .social-bi{font-size:20px}
.social-login-two-modes .social-login-panel{padding:clamp(28px,4vw,70px) clamp(28px,6.5vw,112px) 26px}
.social-login-two-modes .social-login-content{max-width:590px;margin:clamp(32px,6.7vh,78px) auto auto}
.social-login-two-modes .social-login-eyebrow{font-size:12px}
.social-login-two-modes .social-login-content h1{font-size:clamp(30px,2.5vw,51px)}
.social-login-two-modes .social-login-subtitle{margin-bottom:clamp(32px,4.8vh,58px)}
.social-login-two-modes .social-login-footer{max-width:590px}
.social-login-two-modes .social-login-notice{border-color:#c9b4ec;background:#f5f0ff;color:#40206e}
@media(min-width:1800px){.social-story-examples{padding-left:7%;padding-right:9%}.social-story-example-speaker{flex-basis:154px;font-size:17px}.social-story-example-speaker>span{width:60px;height:60px;font-size:30px}.social-story-examples blockquote{padding:18px 32px}}
@media(max-width:1250px){.social-story-visibility{flex-wrap:wrap;gap:12px 18px;padding:17px 20px}.social-story-visibility-copy{flex-basis:100%;border-left:0;padding:10px 0 0;border-top:1px solid #b88cdf50}.social-story-visibility-copy p{margin-top:4px}.social-story-examples{padding:0}.social-story-example-speaker{flex-basis:110px;gap:8px;font-size:12px}.social-story-example-speaker>span{width:40px;height:40px;font-size:22px}.social-story-examples blockquote{padding:13px 17px}.social-login-two-modes .social-login-panel{padding-right:30px;padding-left:30px}.social-story-mode p{font-size:14px}}
@media(max-width:850px){
 .social-login-two-modes{grid-template-columns:1fr;background:#241039}
 .social-login-two-modes .social-login-story{clip-path:none;min-height:0}
 .social-login-two-modes .social-story-content{min-height:0;padding:24px 28px 28px}
 .social-login-two-modes .social-story-main{margin-top:28px}
 .social-login-two-modes .social-story-main h2{font-size:clamp(30px,5vw,43px);max-width:660px}
 .social-login-two-modes .social-story-subtitle{font-size:16px;margin-top:12px}
 .social-story-visibility{flex-wrap:nowrap;margin-top:20px}
 .social-story-visibility-copy{flex-basis:auto;border-top:0;border-left:1px solid #b88cdf70;padding:0 0 0 16px}
 .social-story-details{margin-top:23px}
 .social-story-mobile-signin{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;margin-top:20px;padding:10px 24px;border:1px solid #dccaff;border-radius:9px;color:#fff;font-size:15px;font-weight:650;text-decoration:none;background:#6c29d6}
 .social-story-mode h3{font-size:22px}.social-story-mode p{font-size:15px}
 .social-story-examples{max-width:680px;margin-left:0}
 .social-story-examples p{font-size:16px}.social-story-example-speaker{flex-basis:120px;font-size:13px}
 .social-login-two-modes .social-login-panel{background:#fff;min-height:0;padding:34px 28px 22px}
 .social-login-two-modes .social-login-content{margin:0 auto;max-width:535px}
 .social-login-two-modes .social-login-footer{max-width:535px}
 .social-story-examples-note{font-size:13px;margin-top:20px}.social-story-ai-guide{font-size:14px}
}
@media(max-width:560px){
 .social-login-two-modes .social-story-content{padding:20px}
 .social-login-two-modes .social-story-main{margin-top:24px}
 .social-login-two-modes .social-story-main h2{font-size:clamp(28px,7.4vw,36px);line-height:1.09}
 .social-login-two-modes .social-story-subtitle{font-size:15px}
 .social-story-visibility{flex-wrap:wrap;padding:15px 16px;border-radius:18px}
 .social-story-google{width:110px}.social-story-maps{font-size:15px;padding-left:16px}.social-story-maps img{width:24px;height:34px}
 .social-story-visibility-copy{flex-basis:100%;border-left:0;padding:12px 0 0;border-top:1px solid #b88cdf50}
 .social-story-visibility-copy strong{font-size:16px}.social-story-visibility-copy p{font-size:12px}
 .social-story-mode{gap:14px}.social-story-mode-icon{width:52px;height:52px;border-radius:15px;font-size:28px}
 .social-story-mode h3{font-size:20px}.social-story-mode p{font-size:14px}
 .social-story-examples{gap:14px}.social-story-examples li{align-items:flex-start;gap:10px}
 .social-story-example-speaker{flex-basis:50px;flex-direction:column;align-items:center;gap:5px;font-size:10px}.social-story-example-speaker>span{width:36px;height:36px;font-size:21px}
 .social-story-examples blockquote{padding:12px 15px;border-radius:17px}.social-story-examples p{font-size:14px;line-height:1.45}
 .social-login-two-modes .social-login-panel{padding:30px 20px 20px}
 .social-login-two-modes .social-login-subtitle{margin-bottom:27px}
}