body { font-family: system-ui, sans-serif; background: #0f1115; color: #e6e6e6; display: flex; min-height: 100vh; align-items: center; justify-content: center; margin: 0; }
.card { background: #171a21; padding: 2.5rem; border-radius: 12px; width: 100%; max-width: 380px; box-shadow: 0 8px 24px rgba(0,0,0,.4); }
h1 { font-size: 1.25rem; margin: 0 0 1.5rem; }
label { display: block; font-size: .85rem; margin-bottom: .3rem; color: #9aa0aa; }
input { width: 100%; padding: .6rem .7rem; margin-bottom: 1rem; border-radius: 6px; border: 1px solid #2a2f3a; background: #0f1115; color: #e6e6e6; box-sizing: border-box; }
button { width: 100%; padding: .7rem; border-radius: 6px; border: none; background: #4f7cff; color: #fff; font-weight: 600; cursor: pointer; }
button:hover { background: #3d63d9; }
.error { background: #3a1d22; color: #ff9aa2; padding: .6rem .8rem; border-radius: 6px; margin-bottom: 1rem; font-size: .9rem; }
.success { background: #1c3325; color: #7fd99a; padding: .6rem .8rem; border-radius: 6px; margin-bottom: 1rem; font-size: .9rem; }
.switch { margin-top: 1.2rem; font-size: .85rem; color: #9aa0aa; text-align: center; }
.switch a { color: #4f7cff; text-decoration: none; }