:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17102f;background:#fff}
@font-face{font-family:social-bootstrap-icons;src:url('/social/assets/bootstrap-icons.woff2') format('woff2');font-display:block}
.social-bi{font-family:social-bootstrap-icons!important;font-style:normal;font-weight:400;line-height:1}
.social-bi-envelope::before{content:"\f32f"}.social-bi-lock::before{content:"\f47b"}.social-bi-eye::before{content:"\f340"}.social-login-toggle[aria-pressed="true"] .social-bi-eye::before{content:"\f341"}.social-bi-arrow::before{content:"\f138"}
*{box-sizing:border-box}
body{margin:0}
a{color:#6329ca}
button,input{font:inherit}
.social-login{display:grid;grid-template-columns:53.2% 46.8%;min-height:100vh}
.social-login-story{position:relative;isolation:isolate;min-width:0;min-height:100vh;overflow:hidden;clip-path:polygon(0 0,100% 0,91% 100%,0 100%);color:#fff;background:radial-gradient(ellipse 70% 48% at 90% 18%,#7444b8 0%,transparent 78%),radial-gradient(ellipse 95% 55% at -12% 82%,#5c2698 0%,transparent 70%),linear-gradient(145deg,#241039 0%,#32104f 55%,#4b2081 100%)}
.social-login-story::before{content:"";position:absolute;z-index:-1;left:-28%;bottom:-47%;width:125%;height:95%;border-radius:50%;border:2px solid #bc91f033;background:radial-gradient(ellipse at 65% 10%,#9b59e457,transparent 68%);transform:rotate(-18deg)}
.social-login-story::after{content:"";position:absolute;z-index:-1;right:-30%;top:12%;width:75%;height:76%;border-radius:50%;border:1px solid #bb84ed33;box-shadow:0 0 0 75px #a272d411,0 0 0 155px #a272d40a;transform:rotate(25deg)}
.social-story-content{display:flex;flex-direction:column;min-height:100vh;padding:clamp(30px,4.4vh,54px) clamp(74px,7vw,116px) 30px clamp(32px,4vw,64px)}
.social-story-brand{display:flex;align-items:center;gap:7px;margin:0;white-space:nowrap;font-size:clamp(19px,1.8vw,27px);line-height:1.2;letter-spacing:-.035em}
.social-story-brand strong{font-weight:750}
.social-story-brand-mark{display:grid;place-items:center;width:40px;height:40px;margin-right:8px;color:#cda8ff}
.social-story-brand-mark svg{width:38px;height:38px}
.social-story-main{margin-top:clamp(40px,7vh,90px)}
.social-story-main h2{margin:0;color:#fff;font-size:clamp(40px,4.25vw,72px);line-height:1.04;letter-spacing:-.05em;font-weight:760}
.social-story-main h2 span{color:#c89cfb}
.social-story-subtitle{max-width:540px;margin:17px 0 0;color:#eee2fc;font-size:clamp(17px,1.55vw,24px);line-height:1.4}
.social-story-steps{display:flex;flex-direction:column;gap:13px;margin-top:clamp(28px,4.2vh,45px)}
.social-story-step{display:flex;align-items:center;gap:17px;width:min(360px,100%);min-height:83px;padding:12px 17px;border:1px solid #ffffffa8;border-radius:14px;color:#211336;background:#fcfaff;box-shadow:0 15px 35px #14062544}
.social-story-step:nth-child(2){margin-left:clamp(22px,5vw,72px);background:#f7f0ff}
.social-story-step:nth-child(3){margin-left:clamp(45px,8vw,116px);background:#fffaff}
.social-story-step-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:14px;color:#6b2bbc;background:#ead7ff}
.social-story-step:nth-child(2) .social-story-step-icon{color:#5c2eac;background:#e6d3ff}
.social-story-step:nth-child(3) .social-story-step-icon{color:#7a3dba;background:#efddff}
.social-story-step-icon svg{width:31px;height:31px}
.social-story-step strong{display:block;font-size:16px;line-height:1.2;font-weight:750}
.social-story-step p{margin:4px 0 0;color:#54446e;font-size:13px;line-height:1.3}
.social-story-footer{max-width:250px;margin:auto 0 0;padding-top:26px;color:#dbc5f4;font-size:13px;line-height:1.5}
.social-login-panel{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(24px,4vw,70px) clamp(28px,5.5vw,90px) 26px}
.social-login-content{width:100%;max-width:535px;margin:auto}
.social-login-eyebrow{margin:0 0 18px;color:#6a2ddd;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:750}
.social-login h1{font-size:clamp(33px,3.2vw,51px);line-height:1.1;letter-spacing:-.045em;margin:0 0 12px;color:#17102f}
.social-login-subtitle{font-size:clamp(16px,1.5vw,22px);line-height:1.45;color:#5f6181;margin:0 0 clamp(28px,4vw,58px)}
.social-login-form{display:flex;flex-direction:column}
.social-login-form label{font-size:15px;font-weight:700;margin:0 0 10px}
.social-login-input-wrap{height:60px;border:1px solid #d0d5e7;border-radius:9px;display:flex;align-items:center;margin:0 0 26px;background:#fff;box-shadow:0 2px 5px #24104104}
.social-login-input-wrap:focus-within{border-color:#7635dc;box-shadow:0 0 0 3px #7635dc24}
.social-login-field-icon{width:49px;text-align:center;color:#3d296b;font-size:20px}
.social-login-input-wrap input{border:0;outline:0;flex:1;min-width:0;height:100%;color:#211544;background:transparent;font-size:16px}
.social-login-input-wrap input::placeholder{color:#858cac}
.social-login-toggle{border:0;background:transparent;color:#49336f;cursor:pointer;min-width:48px;height:48px;font-size:21px}
.social-login-submit{margin-top:7px;min-height:62px;border:0;border-radius:8px;background:#6c29d6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:18px;font-size:16px;font-weight:700;box-shadow:0 9px 21px #5e25c028}
.social-login-submit:hover{background:#5720b6}
.social-login-mcp{margin-top:30px;padding-top:22px;border-top:1px solid #e0e3ef}
.social-login-mcp-title{margin:0 0 17px;color:#35244e;font-size:14px;font-weight:700;line-height:1.45}
.social-login-mcp-clients{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 10px;list-style:none;margin:0;padding:0}
.social-login-mcp-clients li{display:flex;align-items:center;gap:7px;min-width:0;color:#302846;font-size:13px;font-weight:700;white-space:nowrap}
.social-login-mcp-clients img{display:block;flex:none;width:24px;height:24px}
.social-login-mcp-note{margin:15px 0 0;color:#5c5a75;font-size:12px;line-height:1.45}
.social-login-help{display:block;margin:28px auto 0;text-align:center;text-decoration:underline;text-underline-offset:3px;font-size:14px}
.social-login-footer{width:100%;max-width:535px;margin:30px auto 0;padding-top:24px;border-top:1px solid #e0e3ef;display:flex;justify-content:space-between;gap:20px;font-size:13px}
.social-login-footer a{text-decoration:none}
.social-login-footer a:hover{text-decoration:underline}
.social-login-error{border:1px solid #d35374;background:#fff1f5;color:#8d143a;border-radius:8px;padding:12px 15px;margin:0 0 24px}
:is(a,button,input):focus-visible{outline:3px solid #9a63ee;outline-offset:3px}
@media(max-width:1180px){.social-story-step:nth-child(3){margin-left:62px}.social-story-content{padding-right:66px}}
@media(max-width:1050px){.social-story-steps,.social-story-footer{display:none}.social-story-content{justify-content:flex-start}.social-story-main{margin-top:clamp(55px,13vh,130px)}}
@media(max-width:850px){.social-login{grid-template-columns:1fr}.social-login-story{min-height:0;clip-path:none}.social-story-content{min-height:0;padding:24px 28px 34px}.social-story-brand{font-size:21px}.social-story-main{margin-top:28px}.social-story-main h2{font-size:clamp(34px,5.8vw,45px)}.social-story-subtitle{font-size:16px;max-width:580px;margin-top:10px}.social-login-panel{min-height:calc(100vh - 235px);padding:32px 24px 20px}.social-login-content{max-width:535px}.social-login-eyebrow{margin-bottom:12px}.social-login-subtitle{margin-bottom:26px}}
@media(max-width:560px){.social-story-content{padding:19px 20px 27px}.social-story-brand{font-size:19px}.social-story-brand-mark{width:31px;height:31px;margin-right:3px}.social-story-brand-mark svg{width:30px;height:30px}.social-story-main{margin-top:24px}.social-story-main h2{font-size:clamp(30px,8vw,37px)}.social-story-subtitle{font-size:15px;line-height:1.35}.social-login-panel{min-height:calc(100vh - 195px);padding:26px 20px 18px}.social-login h1{font-size:34px}.social-login-input-wrap{height:55px;margin-bottom:18px}.social-login-submit{min-height:56px}.social-login-mcp-clients{grid-template-columns:repeat(2,minmax(0,1fr))}.social-login-footer{padding-top:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.social-register-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.social-register-hint{margin:-17px 0 20px;color:#626b86;font-size:13px}
.social-verification{max-width:580px;margin:12vh auto;padding:32px;background:#fff;border:1px solid #e0d9f2;border-radius:14px;color:#23143c;box-shadow:0 15px 45px #28104412}
.social-verification .social-story-brand{color:#4b1992}.social-verification h1{font-size:30px;margin:28px 0 12px}.social-verification p{line-height:1.5}