body {display: flex !important;align-items: center !important;justify-content: center !important;}
.login-card {background: white;border-radius: var(--radius-lg);box-shadow: var(--shadow-md);padding: 40px 35px;width: 100%;max-width: 400px;margin: auto;}
.login-header {text-align: center;margin-bottom: 35px;}
.login-header h1 {font-size: 1.8rem;color: var(--gray-800);margin-bottom: 8px;}
.login-header p {color: var(--gray-600);font-size: 0.95rem;}
.code-group {display: flex;gap: 12px;align-items: center;}
.code-group input {flex: 1;}
.code-group img {height: 44px;border-radius: var(--radius-sm);cursor: pointer;border: 1px solid var(--gray-200);}
.btn-login {width: 100%;padding: 14px;background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color: white;border: none;border-radius: var(--radius-md);font-size: 1.1rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(67, 97, 238, 0.4);}
.btn-login:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(67, 97, 238, 0.5);}
.btn-login:active {transform: translateY(0);}
.btn-login:disabled {opacity: 0.7;cursor: not-allowed;}