body { background: #181c20; color: #fff; font-family: 'Segoe UI', sans-serif; margin: 0; }
.container { max-width: 400px; margin: 60px auto; background: #23272b; padding: 2em; border-radius: 12px; box-shadow: 0 2px 16px #0008; }
h1 { text-align: center; margin-bottom: 1.5em; }
form { display: flex; flex-direction: column; gap: 1em; }
input, button { padding: 0.8em; border-radius: 6px; border: none; font-size: 1em; }
input { background: #2c3136; color: #fff; }
button { background: #00c896; color: #fff; cursor: pointer; transition: background 0.2s; }
button:hover { background: #009e74; }
#message { margin-top: 1em; text-align: center; min-height: 2em; }