body{margin:0;padding:0;font-family:Segoe UI,sans-serif;background-color:#121212;color:#f0f0f0;display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column}.container{background-color:#1e1e1e;padding:1rem;border-radius:8px;width:100%;max-width:400px;box-shadow:0 0 20px #00000080}input,button{display:block;width:100%;padding:.5rem;margin:.5rem auto;background-color:#1e1e1e;color:#f0f0f0;border:1px solid #333;border-radius:4px;font-size:1rem}button{cursor:pointer;background-color:#333;border:none;transition:background-color .2s ease}button:hover{background-color:#444}form{display:flex;flex-direction:column;align-items:center}h2,h1{text-align:center}@media (min-width: 600px){body{font-size:16px}.container{padding:1.5rem;max-width:500px}input,button{font-size:1.1rem}}@media (min-width: 1024px){body{font-size:18px}.container{padding:2rem;max-width:600px}input,button{font-size:1.2rem}}