body {
    background: url('data:image/svg+xml,<svg width="1920" height="1080" viewBox="0 0 1920 1080" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_207_26)"><rect width="1920" height="1080" fill="%23232936"/><circle cx="295" cy="595.045" r="96" fill="%23353C4D"/><circle cx="637" cy="318.045" r="96" fill="%23353C4D"/><circle cx="692" cy="753.045" r="96" fill="%23353C4D"/><circle cx="1566" cy="548.045" r="96" fill="%23353C4D"/><rect x="1506.74" y="472.519" width="969.21" height="192.001" transform="rotate(-37.9988 1506.74 472.519)" fill="%23353C4D"/><rect x="1490.03" y="182.264" width="687.421" height="305.959" transform="rotate(-38 1490.03 182.264)" fill="%23353C4D"/><rect x="577.051" y="243.063" width="977.972" height="191.987" transform="rotate(-37.9988 577.051 243.063)" fill="%23353C4D"/><rect x="633.11" y="677.23" width="1633.45" height="191.999" transform="rotate(-37.9988 633.11 677.23)" fill="%23353C4D"/><rect x="830.924" y="214.63" width="996.7" height="305.959" transform="rotate(-38 830.924 214.63)" fill="%23353C4D"/><circle cx="1583.5" cy="295.545" r="92.5" fill="%23232936"/><circle cx="924.5" cy="332.545" r="92.5" fill="%23232936"/></g><defs><clipPath id="clip0_207_26"><rect width="1920" height="1080" fill="white"/></clipPath></defs></svg>');
    background-size: 100% 100%;
    height: 100vh;
    width: 100vw;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container {
    /* From https://css.glass */
    background: rgba(255, 255, 255, 0.14);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(21.6px);
    -webkit-backdrop-filter: blur(21.6px);
    border: 1px solid rgba(255, 255, 255, 0.38);

    padding: 60px;
    min-width: 300px;
    max-width: 400px;
    width: 80%;
}

.title {
    font-size: 2.6rem;
    font-weight: 700;
    color: white;
    display: flex;
    justify-content: center;
}

.form-control {
    padding: 10px;
}

.alert-danger {
    background-color: #f44336;
    color: white;
    padding: 10px;
    border-radius: 5px;
}

.toggle-password {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url('../assets/invisible.svg');
    background-size: cover;
}