* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: sans-serif;
}

.main {
     width: 100%;
     height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;
     background: linear-gradient(34deg, rgba(27, 136, 179, 1) 0%, rgba(186, 72, 199, 1) 25%, rgba(137, 0, 250, 1) 100%);
}

.block {
     width: 400px;
     background: white;
     border-radius: 14px;
     padding: 30px;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.block h2 {
     text-align: center;
     margin-bottom: 20px;
}

.block input {
     display: block;
     width: 100%;
     height: 40px;
     padding-left: 10px;
     margin-bottom: 20px;
     border: 1px solid #ccc;
     border-radius: 4px;
}

.forgot {
     display: block;
     text-align: left;
     color: #3498db;
     text-decoration: none;
     margin-bottom: 20px;
}

.block button {
     width: 100%;
     height: 40px;
     border: none;
     border-radius: 4px;
     background: linear-gradient(34deg, rgba(27, 136, 179, 1) 0%, rgba(186, 72, 199, 1) 25%, rgba(137, 0, 250, 1) 100%);
     color: white;
}

.block p {
     text-align: center;
     margin-top: 15px;
}

.block p a {
     color: #3498db;
     text-decoration: none;
}

.others {
     display: inline-block;
     text-align: center;
     margin-top: 20px;
     font-size: 0.9em;
     color: #3498db;
     text-decoration: none;
}