/* Mobile-only account composition; original desktop and motion remain intact. */
.mobile-login-toggle,.member-copy-mobile{display:none}
.mobile-login-fields{display:contents}
.mobile-login-fields[hidden]{display:none!important}
@media(max-width:700px){
 .signup-right-preview .hero{padding:20px 0}
 .signup-right-preview .hero-grid{gap:16px}
 .hero-copy .eyebrow{margin-bottom:16px}
 .hero-copy>p{margin-top:16px}
 .hero-copy .text-link{margin-top:4px}
 .signup-right-preview .hero .login{padding:12px 16px 16px;border-radius:16px;min-height:0}
 .login-head{gap:8px;min-height:44px;margin-bottom:8px}
 .login-head h2{font-size:18px;line-height:1.4;white-space:nowrap}
 .login-head>.icon,.login-intro{display:none}
 .mobile-login-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 0 0 8px;color:var(--dt-color-text-secondary);background:transparent;font-size:14px;font-weight:500;line-height:1.4;white-space:nowrap;user-select:none}
 .mobile-login-toggle svg{width:14px;height:14px;transition:transform var(--dt-motion-ui-fast)}
 .mobile-login-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
 .mobile-login-fields{display:block;padding-top:4px}
 .mobile-login-fields input[type=text],.mobile-login-fields input[type=password]{font-size:16px}
 .mobile-login-fields .login-options{gap:8px}
 .mobile-login-fields .report{margin-top:8px}
 .signup-right-preview .member-stack{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;gap:12px}
 .signup-right-preview .member-box{padding:12px;border-radius:12px}
 .signup-right-preview .member-box h2,.member-copy-desktop{display:none}
 .member-copy-mobile{display:inline}
 .signup-right-preview .member-box p{font-size:13px;line-height:1.6;margin:0 0 10px;min-height:42px;word-break:keep-all}
 .signup-right-preview .member-box .btn{font-size:14px;min-height:44px;padding:8px 4px;justify-content:center;gap:0}
 .signup-right-preview .member-box .btn .icon{display:none}
 .intro-replay{font-size:12px;min-height:40px;padding:0 12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}
 .academy{padding-top:24px}
}
@media(max-width:360px){
 .signup-right-preview .member-stack{gap:8px}
 .signup-right-preview .member-box{padding:10px}
 .signup-right-preview .member-box p{font-size:12px}
 .signup-right-preview .member-box .btn{font-size:13px}
 .signup-right-preview .hero .login{padding-left:12px;padding-right:12px}
 .mobile-login-toggle{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.mobile-login-toggle svg{transition:none}}

@media(max-width:700px){.member-copy-mobile br{display:block}.academy-meta{margin-bottom:12px}}