/* Success State */
.success-message {
    background: linear-gradient(145deg, rgba(22, 163, 74, 0.1) 0%, rgba(255,255,255,0.9) 100%);
    border: 2px solid rgba(22, 163, 74, 0.3);
    border-radius: 16px;
    padding: 12px;
    margin-bottom: 20px;
    animation: slideIn 0.5s ease forwards;
    font-size: 14px;
}
/* Loading State */
.loading {
    pointer-events: none;
    opacity: 0.7;
}

    .loading button {
        position: relative;
    }

        .loading button::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 20px;
            height: 20px;
            margin: -10px 0 0 -10px;
            border: 2px solid rgba(255,255,255,0.3);
            border-top: 2px solid white;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

/* Navigation Links */
.nav-links {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-left: auto;
    margin-right: 24px;
}

.nav-link {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-primary);
    text-decoration: none;
    transition: color 0.2s ease;
    position: relative;
}

.nav-link:hover {
    color: var(--accent-primary);
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--accent-primary);
    transition: width 0.2s ease;
}

.nav-link:hover::after {
    width: 100%;
}

@media (max-width: 768px) {
    .nav-links {
        display: none;
    }
}