.signin-fit{min-height:100vh;min-height:100dvh;padding:clamp(16px,3vh,32px) clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:center}
.signin-fit .signin-layout{width:min(1160px,100%);margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:clamp(40px,7vw,110px);align-items:center}
.signin-fit .signin-story{min-height:0;padding:0;max-width:600px}
.signin-fit .signin-brand{margin-bottom:clamp(20px,4.5vh,48px)}
.signin-fit .signin-story .member-eyebrow{margin-bottom:16px}
.signin-fit .signin-story h1{font-size:clamp(34px,min(4.2vw,6.4vh),54px);letter-spacing:-1.8px;line-height:1.08;margin:0 0 16px}
.signin-fit .signin-story>p.signin-lede{font-size:16px;line-height:1.65;color:#5f6168;max-width:470px;margin:0 0 clamp(12px,2.6vh,26px)}
.signin-fit .signin-story .signin-rule{max-width:470px;height:30px;font-size:10px;color:#8a8b90}
.signin-fit .signin-story .signin-benefits{margin-top:8px}
.signin-fit .signin-story .signin-benefits li{font-size:14px;color:#4f5562;margin-bottom:10px}
.signin-fit .signin-story .signin-benefits li span{font-size:9px;color:#7a5418}
.signin-fit .signin-art{display:none}
.signin-fit .signin-card{padding:26px 30px 20px}
.signin-fit .signin-card-top{padding-bottom:16px}
.signin-fit .signin-card h2{font-size:30px;margin:18px 0 6px;text-wrap:balance}
.signin-fit .signin-hint{margin:0 0 18px;color:#62656c}
.signin-fit .google-signin,.signin-fit .apple-signin{min-height:48px}
.signin-fit .google-signin{margin-top:0}
.signin-fit .signin-or{margin:16px 0 12px}
.signin-fit .signin-input{height:48px}
.signin-fit .code-heading{margin:14px 0 8px}
.signin-fit .signin-submit{min-height:48px;margin-top:16px;justify-content:center;gap:10px}
.signin-fit .signin-message{margin-top:8px}
.signin-fit .signin-legal{margin-top:12px;padding-top:12px;color:#7d7e83}
@media(min-width:761px){
  .signin-fit{position:relative;padding-top:94px}
  .signin-fit .signin-story{position:static}
  .signin-fit .signin-brand{position:absolute;top:28px;left:max(32px,calc((100% - 1160px) / 2));margin:0;gap:10px;font-size:29px;letter-spacing:-1px}
  .signin-fit .signin-brand img{width:38px;height:38px;border-radius:10px}
}
@media(min-height:900px) and (min-width:761px){.signin-fit .signin-art{display:block;position:relative;inset:auto;height:210px;margin-top:20px}}
@media(max-height:700px) and (min-width:761px){
  .signin-fit .signin-card{padding:18px 28px 14px}
  .signin-fit .signin-card-top{padding-bottom:12px}
  .signin-fit .signin-card h2{font-size:27px;margin:12px 0 4px}
  .signin-fit .signin-hint{margin-bottom:12px}
  .signin-fit .google-signin,.signin-fit .apple-signin,.signin-fit .signin-input,.signin-fit .signin-submit{min-height:44px;height:auto}
  .signin-fit .signin-input{height:44px}
  .signin-fit .apple-signin{margin-top:8px}
  .signin-fit .signin-or{margin:12px 0 10px}
  .signin-fit .code-heading{margin:10px 0 6px}
  .signin-fit .signin-submit{margin-top:12px}
  .signin-fit .signin-legal{margin-top:8px;padding-top:8px}
}
@media(max-width:760px){
  .signin-fit{display:flex;flex-direction:column;padding:clamp(20px,6vh,60px) 24px 18px}
  .signin-fit .signin-layout{flex:1;display:flex;flex-direction:column;width:100%;max-width:420px;gap:clamp(22px,4vh,34px);margin:0 auto}
  .signin-fit .signin-story{text-align:center}
  .signin-fit .signin-brand{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:32px;letter-spacing:-1px;margin:0}
  .signin-fit .signin-brand img{width:76px;height:76px;border-radius:19px}
  .signin-fit .signin-story .member-eyebrow,.signin-fit .signin-story>p.signin-lede,.signin-fit .signin-story .signin-rule,.signin-fit .signin-story .signin-benefits,.signin-fit .signin-card-top,.signin-fit .signin-card h2{display:none}
  .signin-fit .signin-story h1{max-width:310px;margin:10px auto 0;font:400 15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0;color:#5f6168}
  .signin-fit .signin-story h1 br{display:none}
  .signin-fit .signin-story h1 em{font-weight:600;color:#7a5418}
  .signin-fit .signin-card{flex:1;display:flex;flex-direction:column;background:none;border:0;box-shadow:none;border-radius:0;padding:0}
  .signin-fit .signin-hint{text-align:center;font-size:13px;margin:0 0 14px}
  .signin-fit .google-signin{min-height:52px;border-radius:14px}
  .signin-fit .signin-or{margin:18px 0 14px}
  .signin-fit .signin-input{height:52px;border-radius:14px;background:#fff}
  .signin-fit .code-heading{margin:14px 0 8px}
  .signin-fit .signin-submit{min-height:54px;border-radius:14px;margin-top:16px}
  .signin-fit .signin-legal{border-top:0;margin-top:auto;padding-top:14px}
}
@media(max-width:760px) and (max-height:700px){
  .signin-fit{padding-top:16px;padding-bottom:12px}
  .signin-fit .signin-layout{gap:18px}
  .signin-fit .signin-brand{gap:8px;font-size:28px}
  .signin-fit .signin-brand img{width:60px;height:60px;border-radius:15px}
  .signin-fit .signin-story h1{margin-top:6px}
  .signin-fit .google-signin,.signin-fit .signin-input{min-height:48px;height:48px}
  .signin-fit .signin-or{margin:14px 0 10px}
  .signin-fit .code-heading{margin:10px 0 6px}
  .signin-fit .signin-submit{min-height:50px;margin-top:12px}
  .signin-fit .signin-legal{padding-top:10px}
}