* { box-sizing: border-box; }
body { margin: 0; background: #111612; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
h1, p { margin: 0; }
.cover-shell { position: relative; min-height: 100svh; isolation: isolate; }
.cover-image, .cover-shade { position: absolute; inset: 0; }
.cover-image { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.cover-shade { z-index: 1; background: linear-gradient(180deg, rgb(6 12 10 / 0.32), rgb(6 12 10 / 0.1) 36%, rgb(6 12 10 / 0.82) 100%), linear-gradient(90deg, rgb(6 12 10 / 0.56), rgb(6 12 10 / 0.08) 52%, rgb(6 12 10 / 0.38)); }
.cover-content { position: relative; z-index: 2; display: flex; min-height: 100svh; flex-direction: column; justify-content: space-between; gap: 32px; padding: 34px; color: #fffdf6; }
.cover-title { max-width: 660px; text-shadow: 0 2px 18px rgb(0 0 0 / 0.32); }
.cover-title h1 { font-size: 4rem; line-height: 0.95; font-weight: 720; }
.cover-title p { margin-top: 10px; color: #f0dfc7; font-size: 1.05rem; font-weight: 700; }
.login-form { display: grid; width: min(760px, 100%); gap: 10px; align-self: center; margin-bottom: 8px; }
.status { color: #fffdf6; font-size: 0.95rem; text-shadow: 0 1px 10px rgb(0 0 0 / 0.8); }
label { color: #f8ead4; font-size: 0.9rem; font-weight: 650; text-shadow: 0 1px 10px rgb(0 0 0 / 0.42); }
.login-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
input, button { min-height: 42px; border-radius: 6px; padding: 9px 10px; font: inherit; }
input { min-width: 0; width: 100%; border: 1px solid rgb(255 250 241 / 0.72); background: rgb(255 250 241 / 0.75); }
button { min-width: 112px; border: 0; background: #c65f2a; color: #fff; font-weight: 700; opacity: 0.7; }
input:disabled, button:disabled { cursor: not-allowed; }
@media (max-width: 720px) {
  .cover-content { padding: 24px 18px 20px; }
  .cover-title h1 { font-size: 2.7rem; }
  .cover-title p { font-size: 1rem; }
  .login-row { grid-template-columns: 1fr; }
}
@media (max-width: 360px) { .cover-title h1 { font-size: 2rem; } }