/* Logo Icon Styles */
.logo-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.square-container {
    width: 26px;
    height: 26px;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;
}

.square {
    width: 11.5px;
    height: 11.5px;
    background: #4f46e5;
    transition: transform 2s ease-in-out, opacity 2s ease-in-out;
}

#square1 { background: #4f46e5; }
#square2 { background: #a855f7; }
#square3 { background: #a855f7; }
#square4 { background: #4f46e5; }

/* Adjust nav-left to not need the extra margin */
.nav-left {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-left: 0;
}