body {
    background: var(--dark);
    min-height: 100vh;
}

.pill-effect {
    position: relative;
    overflow: hidden;
}

    .pill-effect::after {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(ellipse at center, rgba(187, 134, 252, 0.05) 0%, transparent 70%);
        z-index: -1;
        pointer-events: none;
    }
.nav-links {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-direction: row;
}

.logout-form {
    display: inline;
    margin: 0;
    padding: 0;
}

.nav-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font: inherit;
    color: inherit;
}