/* Sign-in / sign-up entry v2: mobile first, one-tap Apple & Google, clear Log in | Create account switch.
   Loaded last on the auth layout. */
html body.auth-body .auth-layout{background:transparent!important}

/* Entry head */
.auth-body .entry-head{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;margin:0 0 22px}
.auth-body .entry-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:360px;padding:4px;margin:0 0 26px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.auth-body .entry-tabs a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border-radius:999px;color:#e6d9ea!important;font:600 15px/1.2 Figtree,Arial,sans-serif;text-decoration:none!important;transition:background .2s,color .2s}
.auth-body .entry-tabs a[aria-current=page]{background:#fff;color:#2a1436!important;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.auth-body .entry-tabs a:focus-visible{outline:3px solid #ffb5d1;outline-offset:2px}
.auth-body .entry-faces{display:flex;align-items:center;margin:0 0 16px}
.auth-body .entry-faces img,.auth-body .entry-faces span{width:48px;height:48px;border-radius:50%;border:3px solid #1d1121;margin-left:-12px;object-fit:cover;background:#3a2a40}
.auth-body .entry-faces img:first-child{margin-left:0}
.auth-body .entry-faces span{display:grid;place-items:center;background:linear-gradient(135deg,#ff2d6b,#b06bff);color:#fff}
.auth-body .entry-faces svg{width:20px;height:20px}
.auth-body .entry-title{margin:0!important;color:#fff!important;font:800 30px/1.15 Figtree,Arial,sans-serif!important;letter-spacing:-.02em;text-align:center!important;max-width:none!important}
.auth-body .entry-sub{margin:8px 0 0!important;color:#dccfe1!important;font:500 16px/1.45 Figtree,Arial,sans-serif!important;max-width:34ch}

/* Apple & Google: big, stacked, first */
.auth-body :is(#loginMethods,#registrationMethods) .social-signin-options{display:grid!important;grid-template-columns:1fr;gap:12px;margin:0 0 4px}
.auth-body :is(#loginMethods,#registrationMethods) .social-signin-button{min-height:56px;border-radius:28px;border:0;font:700 17px/1.2 Figtree,Arial,sans-serif;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.auth-body :is(#loginMethods,#registrationMethods) .social-signin-button--apple{background:#fff;color:#111}
.auth-body :is(#loginMethods,#registrationMethods) .social-signin-privacy{margin:10px 0 0!important;font-size:13px!important;color:#cdbdd3!important}

/* "or" divider only when the social buttons are shown */
.auth-body .entry-or{display:none}
.auth-body .social-signin-privacy~.entry-or{display:flex;align-items:center;gap:12px;margin:18px 0 6px;color:#b9a8bf;font:600 13px Figtree,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.auth-body .social-signin-privacy~.entry-or::before,.auth-body .social-signin-privacy~.entry-or::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.14)}

/* Email & phone: quieter secondary buttons */
.auth-body :is(#loginMethods,#registrationMethods) .registration-method-options{gap:10px;margin:10px 0 18px}
.auth-body :is(#loginMethods,#registrationMethods) .registration-method-options button{min-height:52px;border-radius:26px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.22);font:600 16px/1.3 Figtree,Arial,sans-serif;color:#fff}
.auth-body :is(#loginMethods,#registrationMethods) .registration-method-options button:hover{background:rgba(255,255,255,.1)}
.auth-body :is(#loginMethods,#registrationMethods) .auth-switch{font-size:15px!important;color:#d6c8db!important}
.auth-body :is(#loginMethods,#registrationMethods) .auth-switch a{font-weight:700}

/* Register: while choosing a method, the entry head replaces the step bar, title and note */
.auth-body--register:has(#registrationMethods:not([hidden])) :is(.figma-step-header,#figmaStep1>.figma-step-title,#figmaStep1>.figma-step-subtitle,#figmaStep1>.inbox-control-note){display:none!important}

/* Phones: no big art card, compact logo, content near the top */
@media(max-width:991px){
 .auth-body .auth-panel{padding-top:20px!important}
 .auth-body .auth-mobile-logo{display:flex!important;justify-content:center;margin:0 auto 18px!important}
 .auth-body .entry-title{font-size:28px!important}
 .auth-body :is(#loginMethods,#registrationMethods,#loginDetails,#registrationDetails){width:100%;max-width:420px;margin-left:auto;margin-right:auto}
}

/* Desktop: art card keeps the photo and short quote, drops the long paragraph */
@media(min-width:992px){
 .auth-body .auth-art__copy>p{display:none!important}
 .auth-body .auth-panel :is(#loginMethods,#registrationMethods){max-width:440px;margin:0 auto}
 .auth-body--login .auth-panel{display:flex;flex-direction:column;align-items:center}
 .auth-body--login .auth-panel>#loginDetails{width:100%;max-width:440px}
}
/* Beat the site-wide pink link colour */
html body.auth-body .entry-head .entry-tabs a.x,html body.auth-body .entry-head .entry-tabs a:not(.x):not(.y){color:#e6d9ea!important}
html body.auth-body .entry-head .entry-tabs a[aria-current=page]:not(.x):not(.y){color:#2a1436!important}
html body.auth-body .social-signin-options a.social-signin-button:not(.x):not(.y){color:#16121a!important;text-decoration:none!important}
html body.auth-body .entry-faces img+img,html body.auth-body .entry-faces img+span{margin-left:-10px}