@charset "UTF-8";
.login-page { min-height: 100dvh; display: grid; place-items: center; padding: 30px 20px; background: #f5f2e8; }
.login-panel { width: min(100%, 390px); padding: 34px; border: 1px solid #d9dfcd; border-radius: 12px; background: #fffdf8; }
.login-panel .brand { font-size: 24px; margin-bottom: 37px; }
.login-panel h1 { margin: 0 0 8px; font-size: 25px; letter-spacing: -.8px; }
.login-intro { color: #6a765d; font-size: 13px; margin-bottom: 26px; }
.login-panel form { display: grid; gap: 19px; }
.login-panel label { display: grid; gap: 9px; font-size: 13px; color: #526044; }
.login-panel input { width: 100%; min-height: 45px; font-size: 16px; }
.login-panel .button { margin-top: 6px; min-height: 46px; justify-content: space-between; font-size: 14px; }
.login-hint { margin: 22px 0 0; font-size: 12px; text-align: center; color: #71805e; }
.login-error { padding: 11px 13px; margin-bottom: 22px; font-size: 13px; line-height: 1.7; color: #875641; border: 1px solid #dfcfb5; border-radius: 6px; background: #faf2e5; }
@media(max-width:420px) { .login-panel { padding: 28px 24px; } }