:root { color-scheme: dark; font-family: Vazirmatn, Tahoma, Arial, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; }
.login-body { min-height: 100vh; display: grid; place-items: center; padding: 24px; color: #fff;
  background: radial-gradient(circle at 50% -10%, #352b64 0, #171722 44%, #09090d 100%); }
.login-card { width: min(100%, 430px); padding: 32px; border: 1px solid #383747; border-radius: 26px;
  background: rgba(23,23,31,.96); box-shadow: 0 28px 90px #0009; }
.login-logo { display: block; width: 92px; height: 92px; object-fit: contain; margin: 0 auto 14px; }
h1 { text-align: center; margin: 0; font-size: 28px; }
.login-hint { margin: 10px 0 24px; color: #aaa8b8; text-align: center; line-height: 1.7; }
label { display: block; margin: 15px 0 7px; color: #dcdae7; font-weight: 800; }
input { width: 100%; min-height: 50px; border: 1px solid #4a4959; border-radius: 14px; padding: 0 14px;
  background: #0f0f14; color: #fff; font: inherit; outline: none; }
input:focus { border-color: #8c70ff; box-shadow: 0 0 0 3px #8c70ff30; }
button { width: 100%; min-height: 50px; margin-top: 23px; border: 0; border-radius: 14px; color: #fff;
  background: linear-gradient(135deg,#8b6cff,#5e43dc); font: 800 17px inherit; cursor: pointer; }
.alert { padding: 12px 14px; border-radius: 13px; text-align: center; line-height: 1.6; }
.error { border: 1px solid #be5260; color: #ffdce0; background: #7a233055; }