.ai-card {
    margin-bottom: 60px;
}

.ai-section {
    padding: 0.1rem 2rem;
    position: relative;
}
/* Search Box */
.search-box {
    margin: 8rem 0;
    display: flex;
    gap: 0.5rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

    .search-box input {
        flex: 1;
        padding: 1rem 1.25rem;
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        color: var(--text-primary);
        font-family: inherit;
        font-size: 1rem;
        transition: border-color 0.3s;
    }

        .search-box input:focus {
            outline: none;
            border-color: var(--primary);
        }

        .search-box input::placeholder {
            color: var(--text-muted);
        }

    .search-box button {
        padding: 1rem;
        background: var(--gradient-1);
        border: none;
        border-radius: var(--radius-md);
        color: white;
        cursor: pointer;
        transition: all 0.3s;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .search-box button:hover {
            transform: scale(1.05);
        }

@media (max-width: 480px) {
    header {
        padding: 0.75rem 1rem;
    }

    .error-buttons {
        flex-direction: column;
    }

    .btn {
        width: 100%;
        justify-content: center;
    }

    .search-box {
        flex-direction: column;
    }

        .search-box button {
            width: 100%;
        }
}