* { margin: 0; padding: 0; box-sizing: border-box; }
body { background-color: #000000; color: #ffffff; font-family: 'Segoe UI', sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; }
.container { border: 1px solid #ffffff; padding: 30px; border-radius: 8px; width: 320px; text-align: center; background-color: #050505; }
input { width: 100%; padding: 10px; margin: 10px 0; background: #000; border: 1px solid #ccc; color: #fff; outline: none; }
input:focus { border-color: #fff; }
button { width: 100%; padding: 10px; background: #fff; color: #000; border: none; font-weight: bold; cursor: pointer; margin-top: 10px; transition: 0.2s; }
button:hover { background: #ccc; }
.btn-secondary { background: #333; color: #fff; border: 1px solid #fff; }
.btn-secondary:hover { background: #555; }