.login-page{background:linear-gradient(135deg,#1a1d29 0%,#2d1b69 50%,#1a1d29 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 20px 60px #0000004d}.login-card.account-card{max-width:480px}.login-logo{text-align:center;margin-bottom:32px}.login-logo-img{border-radius:14px;width:56px;height:56px;margin-bottom:12px}.login-logo h1{color:#111827;margin:0 0 4px;font-size:24px;font-weight:700}.login-logo p{color:#6b7280;margin:0;font-size:14px}.login-field{margin-bottom:16px}.login-field label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.login-field input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s}.login-field input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;width:100%;margin-top:8px;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.login-error{color:#dc2626;margin-top:6px;font-size:12px;display:block}.account-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.account-option{cursor:pointer;background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;transition:all .2s;display:flex}.account-option:hover{background:#f0f0ff;border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.account-avatar{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.account-name{color:#374151;text-align:center;font-size:13px;font-weight:600;line-height:1.3}@media (max-width:480px){.login-card{border-radius:14px;padding:28px 24px}.login-logo h1{font-size:20px}.login-logo-img{width:48px;height:48px}.account-grid{gap:8px}.account-option{padding:14px 10px}.account-avatar{width:40px;height:40px;font-size:16px}}