.login-page{color:#f8f1f7;background:radial-gradient(circle at 20% 20%,#be6f4933,#0000 32%),linear-gradient(145deg,#130d18,#251329 52%,#130d18);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#1c1120eb;border:1px solid #ffffff1a;border-radius:24px;width:min(100%,440px);padding:34px;box-shadow:0 28px 80px #0000006b}.login-brand,.login-brand>span,.login-heading>span,.login-form label div{align-items:center;display:flex}.login-brand{border-bottom:1px solid #ffffff14;gap:12px;padding-bottom:24px}.login-brand>span,.login-heading>span{color:#f1b07f;background:#be6f4924;justify-content:center}.login-brand>span{border-radius:15px;width:48px;height:48px}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:18px}.login-brand small{color:#bdaebd;margin-top:4px}.login-heading{margin:28px 0 22px}.login-heading>span{border-radius:12px;width:38px;height:38px;margin-bottom:14px}.login-heading h1{margin:0 0 8px;font-size:28px}.login-heading p,.login-session-note{color:#bdaebd}.login-heading p{margin:0}.login-form{gap:16px;display:grid}.login-form label>span{color:#e0d5df;margin-bottom:8px;font-size:14px;display:block}.login-form label div{color:#aa96a9;background:#160f1a;border:1px solid #ffffff1f;border-radius:13px;gap:10px;padding:0 14px}.login-form input{color:#fff;width:100%;font:inherit;text-align:left;direction:ltr;background:0 0;border:0;outline:0;padding:14px 0}.login-submit{font:inherit;cursor:pointer;color:#fff;background:linear-gradient(135deg,#b85f3f,#d78b5f);border:0;border-radius:13px;padding:14px 18px;font-weight:800}.login-message{border-radius:12px;padding:12px 14px;font-size:14px}.login-message.error{color:#ffd6d6;background:#b7383833}.login-message.success{color:#d6ffe4;background:#38b7662e}.login-session-note{text-align:center;margin:20px 0 0;font-size:12px;line-height:1.7}@media (max-width:520px){.login-page{padding:14px}.login-panel{border-radius:20px;padding:24px 20px}}