.login-page{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page .floating-field{pointer-events:none;z-index:0;width:100vw;height:100vh;color:var(--text);position:fixed;inset:0}.login-top,.login-center,.login-bottom{z-index:1;position:relative}.login-top{justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.login-center{flex:1;justify-content:center;align-items:center;padding:24px 16px 48px;display:flex}.login-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:20px;padding:36px 32px 28px;animation:.7s cubic-bezier(.2,.8,.2,1) both loginRise}.login-title{letter-spacing:-.02em;font-size:24px}.login-sub{color:var(--text-3);margin-top:6px;font-size:13.5px}.login-foot{color:var(--text-3);text-align:center;margin-top:22px;font-size:13px}.login-bottom{text-align:center;color:var(--text-3);padding:0 0 24px;font-size:12px}@keyframes loginRise{0%{opacity:0;transform:translateY(12px)scale(.985)}}@media (max-width:480px){.login-top{padding:16px}.login-card{border-radius:16px;padding:28px 20px 22px}}.login-switch{width:100%;display:flex}.login-switch button{flex:1;justify-content:center}