body { font-family: sans-serif; background-color: #121212; color: #fff; margin: 0; padding: 20px; }
h1, h2 { text-align: center; color: #1DB954; }
.card { background-color: #282828; padding: 20px; border-radius: 8px; margin-bottom: 20px; }
.hidden { display: none; }
input, select, button { width: 100%; padding: 10px; margin-bottom: 10px; border-radius: 4px; border: 1px solid #535353; background-color: #3e3e3e; color: #fff; box-sizing: border-box; }
button { background-color: #1DB954; color: #fff; font-weight: bold; cursor: pointer; border: none; }
button:hover { background-color: #1ed760; }
#message-area { margin-top: 20px; text-align: center; font-weight: bold; }
.success { color: #1DB954; }
.error { color: #f44336; }