.login-page{background:#f5f5f7;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:40px 20px 60px;display:flex}.login-logo{align-items:center;gap:10px;display:flex}.login-logo-mark{background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:8px;width:32px;height:32px}.login-logo-text{color:#111827;font-size:18px;font-weight:500}.login-card,.login-ai-section{background:#fff;border:.5px solid #0000000d;border-radius:14px;flex-direction:column;gap:16px;width:100%;max-width:420px;padding:24px;display:flex;box-shadow:0 2px 8px #0000000d,0 1px 3px #0000000a}.login-section-title{color:#111827;padding-left:12px;font-size:14px;font-weight:500;position:relative}.login-section-title:before{content:"";background:linear-gradient(#7c3aed,#ec4899);border-radius:2px;width:3px;position:absolute;top:2px;bottom:2px;left:0}.login-form{flex-direction:column;gap:12px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{color:#111827;font-size:13px;font-weight:500}.login-input{color:#111827;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;transition:all .2s}.login-input::placeholder{color:#9ca3af}.login-input:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.login-btn{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#7c3aed,#ec4899);border:none;border-radius:10px;width:100%;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 3px 10px #7c3aed33}.login-btn:not(:disabled):hover{opacity:.92;transform:translateY(-1px);box-shadow:0 5px 16px #7c3aed4d}.login-btn:disabled{opacity:.4;cursor:not-allowed}.login-divider{color:#9ca3af;align-items:center;gap:12px;width:100%;max-width:420px;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e5e7eb;flex:1;height:.5px}.login-ai-intro{color:#111827;text-align:center;font-size:13px;line-height:1.8}.login-ai-intro strong{background:linear-gradient(135deg,#7c3aed,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:500}.login-ai-cta{align-items:center;gap:16px;display:flex}.login-ai-character{flex-shrink:0;width:120px}.login-ai-character img{object-fit:contain;width:100%;animation:2s ease-in-out infinite hoap-bounce}.login-ai-character-label{color:#9ca3af;text-align:center;margin-top:4px;font-size:10px}.login-ai-character-name{color:#6b7280;text-align:center;margin-top:2px;font-size:11px;font-weight:500}.login-ai-btn{flex:1}@keyframes hoap-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width:768px){.login-page{padding:24px 16px 40px}.login-card,.login-ai-section{padding:20px 16px}.login-logo-text{font-size:16px}.login-input{min-height:44px;font-size:16px}.login-btn{min-height:44px}}