.login-container{background-color:var(--bg-gray);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:var(--white);border:1px solid var(--border-gray);text-align:center;border-radius:12px;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:40px;display:flex;box-shadow:0 2px 8px #0000000f}.login-title{color:var(--text-dark);margin-bottom:8px;font-size:24px;font-weight:600}.login-subtitle{color:var(--text-gray);margin-bottom:32px;font-size:16px}.login-form{flex-direction:column;gap:20px;width:100%;display:flex}.form-group{flex-direction:column;align-items:flex-start;gap:8px;width:100%;display:flex}.form-label{color:var(--text-dark);font-size:14px;font-weight:500}.form-input{border:1px solid var(--border-gray);border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 2px #2563eb1a}.form-error{color:#ef4444;margin-top:4px;font-size:12px}.login-button{background-color:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:12px;padding:12px;font-size:14px;font-weight:600;transition:background-color .2s}.login-button:hover{background-color:#1d4ed8}.login-button:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#ef4444;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:6px;width:100%;margin-bottom:16px;padding:12px;font-size:14px}