:root { color-scheme: light; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #f1e3e3;
  font-family: 'Source Sans 3', system-ui, sans-serif; }
.door { background: #fbf4f2; padding: 48px 56px; border-radius: 14px; box-shadow: 0 18px 50px #5a2a2a33;
  display: grid; gap: 14px; text-align: center; min-width: 260px; }
h1 { font: 700 54px/1 'Bebas Neue', Oswald, Impact, sans-serif; color: #d4372b; margin: 0; letter-spacing: 2px; }
.sub { margin: -6px 0 10px; color: #6b4f86; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; font-size: 13px; }
input { font: inherit; font-size: 20px; padding: 10px 14px; border: 2px solid #c9b2b2; border-radius: 8px; text-align: center; }
button { font: 600 18px 'Source Sans 3', sans-serif; padding: 10px; border: 0; border-radius: 8px; background: #d4372b; color: #fff; cursor: pointer; }
.bad { color: #b3261e; margin: 0; }