.login-page{background:radial-gradient(circle at 0 0,#e5167438,#0000 42%),radial-gradient(circle at 100% 100%,#d800772e,#0000 44%),linear-gradient(150deg,#f7f7f7 0%,#faf5f8 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--color-white);border:1px solid #e5167426;border-radius:16px;width:100%;max-width:420px;padding:30px 26px;box-shadow:0 18px 50px #3939391f}.login-title{color:var(--color-primary);margin-bottom:10px;font-size:1.7rem;line-height:1.2}.login-subtitle{color:var(--color-gray-200);margin-bottom:24px;font-size:.95rem}.login-form{gap:10px;display:grid}.login-label{color:var(--color-gray-100);font-size:.9rem;font-weight:500}.login-input{min-height:46px;color:var(--color-gray-100);border:1px solid #d4d4d4;border-radius:8px;padding:0 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #e516742e}.login-error{color:var(--color-error);margin-top:6px;font-size:.9rem}.login-button{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-200) 100%);min-height:46px;color:var(--color-white);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:1rem;font-weight:600;transition:transform .2s,filter .2s;display:inline-flex}.login-button:hover:enabled{filter:brightness(1.02);transform:translateY(-1px)}.login-button:disabled{opacity:.7}.login-button[data-loading=true]{cursor:wait}.login-loadingSpinner{border:2px solid;border-right-color:#0000;border-radius:999px;width:14px;height:14px;animation:.8s linear infinite login-loading-spin}@keyframes login-loading-spin{to{transform:rotate(360deg)}}