body { margin: 0; font-family: system-ui, sans-serif; background: #1b1f27; color: #eee; text-align: center; }
main { padding: 2rem 1rem; }
.card { max-width: 380px; margin: 0 auto; background: #262c37; border-radius: 12px; padding: 1.5rem; }
.logo { width: 140px; height: auto; border-radius: 8px; background: #fff; }
h1 { font-size: 1.4rem; margin: 1rem 0 .25rem; }
.muted { color: #9aa3b2; font-size: .9rem; }
.notice { background: #4a3b12; color: #ffd777; padding: .6rem; border-radius: 6px; }
form { display: grid; gap: .5rem; text-align: left; margin-top: 1rem; }
input { padding: .6rem; border: 1px solid #3b4352; border-radius: 6px; background: #1b1f27; color: #eee; }
button { margin-top: .5rem; padding: .7rem; border: 0; border-radius: 6px; background: #c0392b; color: #fff; font-weight: 600; cursor: pointer; }
footer { padding: 1rem; color: #6c7686; font-size: .85rem; }