.login-shell{width:min(460px,calc(100% - 48px));margin-inline:auto;padding:40px 0 90px}

.login-demo-notice{border:1px solid var(--border);border-left:3px solid var(--cyan);border-radius:9px;background:var(--surface);color:var(--muted);font-size:14px;line-height:1.65;padding:14px 18px;margin:0 0 28px}
.login-demo-notice strong{color:var(--white)}

.login-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:40px 38px 34px}
.login-card .eyebrow{margin-bottom:14px}
.login-card h1{font-size:34px;letter-spacing:-1.2px;line-height:1.1}
.login-intro{color:var(--muted);font-size:16px;line-height:1.65;margin:14px 0 28px}

.login-form{display:grid;gap:18px}
.login-field{display:grid;gap:8px}
.login-field label{font-weight:600;font-size:14px;color:var(--white)}
.login-form input:not([type=checkbox]){width:100%;min-height:51px;padding:13px 15px;border:1px solid #455164;border-radius:7px;background:#0d141e;color:var(--white);font:400 16px/1.5 'DM Sans',Arial,sans-serif}
.login-form input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}

.login-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}
.login-remember{display:flex;align-items:center;gap:8px;color:var(--muted);cursor:pointer}
.login-remember input{width:17px;height:17px;accent-color:var(--cyan)}
.login-forgot{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}

.login-error{margin:0;font-size:14px;line-height:1.5;color:#ffb4ab;background:rgba(255,180,171,.08);border:1px solid #ffb4ab;border-radius:7px;padding:11px 14px}
.login-error[hidden]{display:none}

.login-submit{width:100%;min-height:54px;margin-top:4px}
.login-submit:disabled{cursor:wait;opacity:.7;transform:none}

.login-foot{margin:24px 0 0;text-align:center;font-size:14px;color:var(--muted)}
.login-foot a{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}

[data-theme="light"] .login-form input:not([type=checkbox]){background:#ffffff;border-color:#c9d1df;color:#121823}
[data-theme="light"] .login-error{color:#b42318;border-color:#b42318;background:rgba(180,35,24,.06)}

@media(max-width:540px){
	.login-card{padding:30px 24px 28px}
	.login-card h1{font-size:30px}
}