* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1e1e2e;
    color: #cdd6f4;
}
.container { text-align: center; padding: 2rem; }
h1 { font-size: 1.5rem; margin-bottom: 1.5rem; color: #89b4fa; }
input {
    padding: 0.75rem 1rem;
    font-size: 1rem;
    border: 1px solid #45475a;
    border-radius: 6px;
    background: #313244;
    color: #cdd6f4;
    width: 250px;
    margin-bottom: 1rem;
}
input:focus { outline: none; border-color: #89b4fa; }
button {
    padding: 0.75rem 2rem;
    font-size: 1rem;
    background: #89b4fa;
    color: #1e1e2e;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
}
button:hover { background: #b4befe; }
.error { color: #f38ba8; margin-bottom: 1rem; }