body { background-color: #333; color: #fff; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; margin: 0; padding: 0; } h1 { text-align: center; margin-top: 50px; margin-bottom: 30px; } form { display: flex; flex-direction: column; align-items: center; } label { margin-bottom: 10px; } input[type="password"] { padding: 10px; border-radius: 5px; border: none; background-color: #555; color: #fff; width: 100%; max-width: 300px; /* добавлено, чтобы форма не была слишком широкой */ box-sizing: border-box; /* добавлено, чтобы input не выходил за границы родительского элемента */ margin-bottom: 20px; /* добавлено, чтобы был отступ между input и кнопкой */ } button[type="submit"] { padding: 10px 20px; border-radius: 25px; /* более округлая форма */ border: none; background-color: #4CAF50; color: #fff; cursor: pointer; box-shadow: 0 6px 0 #3e8e41; /* тень при наведении курсора */ transition: box-shadow 0.2s ease-in-out; } button[type="submit"]:hover { box-shadow: 0 3px 0 #3e8e41; }