.login-page{min-height:100vh;display:grid;place-items:center;background:#f5f5f1;padding:24px}.login-panel{width:min(390px,100%);background:var(--card-bg);border:1px solid #e9e8e4;border-radius:12px;padding:38px;box-shadow:0 14px 40px #31352d0d}.login-panel .brand{margin:0 0 40px}.login-panel h1{font:800 32px Manrope;letter-spacing:-.05em;margin:9px 0 5px}.login-panel form{margin-top:28px}.login-panel label{display:block;color:#70777d;font-size:11px;font-weight:600;margin:17px 0}.login-panel input{display:block;width:100%;height:43px;border:1px solid #e5e4df;border-radius:7px;margin-top:8px;padding:0 12px;font:12px DM Sans}.login-button{width:100%;height:42px;border:0;margin-top:10px;cursor:pointer}.login-foot{display:block;text-align:center;color:#a3a8ac;font-size:10px;margin-top:25px}.login-error{font-size:11px;color:#b65d45;background:#fff0ec;border:1px solid #f5d0c7;padding:10px;border-radius:6px;line-height:1.5}@media(max-width:500px){.login-page{padding:0;align-items:stretch}.login-panel{width:100%;border:0;border-radius:0;box-shadow:none;padding:28px 20px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.login-panel .brand{margin:0 0 30px}.login-panel h1{font-size:28px}}@media(max-width:380px){.login-panel{padding:24px 16px}.login-panel h1{font-size:24px}}