* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #1a1a1a; color: #f0f0f0; display: flex; justify-content: center; align-items: center; min-height: 100vh; }
.container { text-align: center; max-width: 400px; padding: 2rem; }
h1 { font-size: 2.5rem; margin-bottom: 0.5rem; color: #00b4e0; }
.card { margin-top: 3rem; padding: 2rem; background: #2a2a2a; border-radius: 8px; border: 1px solid #333; display: flex; flex-direction: column; align-items: center; gap: 1rem; }
.logout-btn { padding: 0.5rem 1rem; background: #c62828; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 1rem; }
.error { color: #ff8a80; }