body {
 background: radial-gradient(1200px 600px at top, #171922, #07090e);
}
.form-container {
 display: flex;
 width: 200%;
 transition: transform 0.4s ease-in-out;
}
.form-slide {
 width: 50%;
 padding: 0 2rem;
}
.input-icon svg {
 position: absolute;
 left: 12px;
 top: 50%;
 transform: translateY(-50%);
 color: #9ca3af;
}
.input-icon input {
 padding-left: 2.5rem;
}
.input-icon button {
 position: absolute;
 right: 0.5rem;
 top: 0;
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 background: none;
 border: none;
 cursor: pointer;
 color: #9ca3af;
}
.material-icons {
 font-size: 1.2rem;
}
#toast {
 position: fixed;
 bottom: 4rem;
 left: 50%;
 transform: translateX(-50%);
 background: #111;
 color: #fff;
 padding: 1rem 2rem;
 border-radius: 8px;
 display: none;
 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
 z-index: 50;
}