/* Login-only sizing: let the artwork absorb height changes, not the form. */
.login-page .login-shell { min-height:100dvh; grid-template-columns:1fr 1fr; }
.login-page .login-main { min-height:100dvh; padding:24px 36px 18px; gap:16px; }
.login-page .login-form-wrap { width:min(440px,100%); padding:0; margin:auto; }
.login-page .welcome-icon { display:none; }
.login-page .login-form-wrap>.eyebrow { font-size:12px; margin-bottom:12px; }
.login-page .login-form-wrap h1 { font-size:34px; line-height:1.2; }
.login-page .login-form-wrap h1 br { display:none; }
.login-page .login-intro { font-size:16px; line-height:1.5; margin:14px 0 24px; }
.login-page .login-form-wrap label { font-size:15px; margin-bottom:8px; }
.login-page .phone-field input { font-size:16px; }
.login-page .country-code,.login-page .country-code>span { font-size:14px; }
.login-page .send-button { font-size:15px; min-height:48px; }
.login-page .secure-note { font-size:12px; margin:12px 0 0; color:#657b6b; }
.login-page .field-error { font-size:13px; min-height:18px; margin:4px 0; }
.login-page .help-link { font-size:13px; }
.login-page .login-divider { margin-top:28px; }
.login-page .login-divider span { font-size:10px; top:-15px; color:#6c8071; }
.login-page .login-benefits { margin-top:13px; }
.login-page .login-benefits span { font-size:14px; }
.login-page .login-bottom { font-size:12px; gap:7px; color:#687f70; }
.login-page .login-bottom small { font-size:11px; color:#7a8b7f; }
.login-page .login-status { font-size:13px; margin-top:12px; padding:10px 12px; }
.login-page .login-form-wrap:has(#otp-panel:not([hidden]))>.eyebrow,
.login-page .login-form-wrap:has(#otp-panel:not([hidden]))>.login-intro { display:none; }
.login-page .login-form-wrap:has(#otp-panel:not([hidden]))>h1 { font-size:26px; margin-bottom:18px; }
.login-page #otp-panel h2 { font-size:24px; margin-top:12px; }
.login-page .otp-number { font-size:15px; margin:8px 0 16px; }
.login-page .resend { font-size:14px; margin:10px auto; }
.login-page #change-number { font-size:14px; }
.login-page .login-showcase { height:100dvh; min-height:0; padding:24px 36px 18px; gap:14px; overflow:visible; }
.login-page .back-link { font-size:13px; }
.login-page .showcase-tabs { margin-top:0; gap:24px; }
.login-page .showcase-tabs button { font-size:14px; }
.login-page .showcase-stage { min-height:0; flex:1 1 0; margin:0 auto; }
.login-page .instagram-preview { width:270px; transform:rotate(-3deg); }
.login-page .insta-creative { height:clamp(145px,calc(100dvh - 510px),290px); }
.login-page .insta-head strong { font-size:12px; }
.login-page .insta-head small,.login-page .insta-creative small,.login-page .insta-creative span { font-size:10px; }
.login-page .insta-bottom p { font-size:11px; }
.login-page .insta-bottom>span { font-size:10px; }
.login-page .insta-creative h2 { font-size:26px; }
.login-page .floating-note { display:none; }
.login-page .showcase-copy h2 { font-size:25px; line-height:1.3; }
.login-page .showcase-copy>.eyebrow { font-size:11px; margin-bottom:8px; }
.login-page .showcase-copy p { font-size:14px; margin-top:8px; }
.login-page .showcase-footer { font-size:10px; margin-top:0; }
@media(max-width:1100px){.login-page .login-main,.login-page .login-showcase{padding-inline:24px}.login-page .showcase-copy h2{font-size:22px}.login-page .login-top{gap:10px}.login-page .login-top .brand{font-size:23px}}
@media(max-width:800px){.login-page .login-shell{grid-template-columns:1fr}.login-page .login-showcase{display:none}.login-page .login-main{padding:20px 24px 16px}.login-page .login-form-wrap h1{font-size:32px}.login-page .login-form-wrap h1 br{display:block}.login-page .login-top .brand{font-size:24px}}
@media(max-height:700px){.login-page .login-main{padding-top:16px;padding-bottom:12px;gap:10px}.login-page .login-form-wrap>.eyebrow{margin-bottom:8px}.login-page .login-intro{margin:10px 0 18px}.login-page .login-divider{margin-top:20px}.login-page .login-showcase{gap:10px;padding-top:16px;padding-bottom:12px}.login-page .showcase-copy>.eyebrow,.login-page .showcase-footer{display:none}.login-page .showcase-copy h2{font-size:22px}.login-page .insta-creative{height:145px}.login-page .showcase-copy p{font-size:13px}}
@media(max-height:600px){.login-page .login-form-wrap>.eyebrow,.login-page .login-intro,.login-page .login-divider,.login-page .login-benefits{display:none}.login-page .login-form-wrap h1{font-size:26px;margin-bottom:16px}.login-page .login-form-wrap h1 br{display:none}.login-page .login-showcase .insta-bottom,.login-page .showcase-copy p{display:none}.login-page .login-showcase{height:auto;min-height:100dvh}.login-page .showcase-stage{padding:20px 0}.login-page .login-bottom>span,.login-page .login-bottom>a{display:none}}
@media(max-width:360px){.login-page .login-main{padding-inline:18px}.login-page .login-top .brand{font-size:21px}.login-page .help-link{font-size:12px}.login-page .login-divider span{font-size:9px;padding-inline:5px}.login-page .login-bottom{font-size:11px}}