.melody-v4.app-page.auth-page{flex-direction:column;min-height:100vh;display:flex}.melody-v4.app-page .auth-top{width:min(var(--page-max),calc(100% - 32px));justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:18px 0;display:flex}.melody-v4.app-page .auth-wrap{flex:1;justify-content:center;align-items:flex-start;padding:24px 16px 56px;display:flex}.melody-v4.app-page .auth-card{width:100%;max-width:440px}.melody-v4.app-page .auth-logo{text-align:center;margin-bottom:24px}.melody-v4.app-page .auth-title{letter-spacing:-.03em;margin:0;font-size:34px;font-weight:800}.melody-v4.app-page .auth-seg{width:100%;margin-bottom:22px;display:flex}.melody-v4.app-page .auth-seg>a{text-align:center;flex:1}.melody-v4.app-page .social-btn{gap:10px;width:100%}.melody-v4.app-page .social-btn svg{flex:none;width:18px;height:18px}.melody-v4.app-page .social-btn:disabled{opacity:.5;cursor:not-allowed}.melody-v4.app-page .auth-or{color:var(--muted);letter-spacing:.05em;align-items:center;gap:14px;margin:24px 0;font-size:12px;display:flex}.melody-v4.app-page .auth-or:before,.melody-v4.app-page .auth-or:after{content:"";background:var(--line);flex:1;height:1px}.melody-v4.app-page .auth-link{color:var(--primary-ink);font-weight:700}.melody-v4.app-page .input-icon-wrap:has(.input.invalid)>.msi{color:var(--danger-ink)}.melody-v4.app-page .pw-toggle{width:42px;color:var(--muted);background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;right:0}.melody-v4.app-page .pw-toggle svg{width:20px;height:20px}.melody-v4.app-page .pw-toggle:hover{color:var(--text)}@media (max-width:480px){.melody-v4.app-page .auth-top .brand-name{display:none}.melody-v4.app-page .auth-card .card{padding:20px}}@media (max-width:900px){.melody-v4.app-page .auth-top .theme-picker{display:flex}}